border-bottom...

missruby · 26th January 07, 09:16 PM

i was hoping that someone would have insight into how to creat a border-bottom or background image that repeats x that only spans the bottom of the word... not across the whole page... surely this is possible... i see it all the time and i'm quite sure people aren't setting a size for each border...

HELP! PLEASE?

chrishirst · 26th January 07, 11:55 PM

set a class for a span and wrap a word inside it

Code:

.word_ul {
/* blank all borders */
border:0 none transparent;
border-bottom:1px solid red;
}

HTML Code:

This is some text with one word with a <span class="word_ul">border</span>

You will probably have to increase the line-height of the span to make IE behave correctly

missruby · 27th January 07, 11:18 AM

thank you sooo much...
i suppose i should have thought of wrapping it in a span...

very helpful...

26th January 07, 09:16 PM	#1
missruby WLC Member Join Date: Jan 2007 Location: ...new england... Posts: 19	border-bottom... i was hoping that someone would have insight into how to creat a border-bottom or background image that repeats x that only spans the bottom of the word... not across the whole page... surely this is possible... i see it all the time and i'm quite sure people aren't setting a size for each border... HELP! PLEASE?

26th January 07, 11:55 PM	#2
chrishirst Banned Join Date: Jun 2006 Location: Blackp ool U.K. Posts: 3,197	Re: border-bottom... set a class for a span and wrap a word inside it Code: .word_ul { /* blank all borders / border:0 none transparent; border-bottom:1px solid red; } HTML Code:* This is some text with one word with a <span class="word_ul">border</span> You will probably have to increase the line-height of the span to make IE behave correctly

27th January 07, 11:18 AM	#3
missruby WLC Member Join Date: Jan 2007 Location: ...new england... Posts: 19	Re: border-bottom... thank you sooo much... i suppose i should have thought of wrapping it in a span... very helpful...

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Bottom div is not on the bottom of page.	kaktyc	CSS	1	18th December 06 08:41 AM
CSS: Border not correct in Firefox...	MattDavid.Hall	CSS	3	29th November 06 10:29 PM
<ul> bottom 1 pixel border problem (not the same as below)	Scatropolis	CSS	5	14th November 06 09:14 PM
My bottom content is over my menu	kaktyc	CSS	5	8th September 06 12:39 PM
Using CSS to make something always at the very bottom	lifeonmars	CSS	3	23rd August 06 03:33 AM