Line under text

FelixP / 2010-08-19 11:50:53   

Hi there,

I just want to know how it is possible to underline the whole text in the menue. Not just when it is rolled over. It has to be a line with the same lenght and longer than the text itself.

thanks felix

www.heyfelix.de

lemathieu A / 2010-08-19 12:18:44   

Hello,
All the text ?
Add in your #menu ul

  1. text-decoration:underline;
FelixP / 2010-08-19 12:27:29   

great. that worked. but is it also possible to have the lines in the same lenght (longer than the end of every title/text) and to have them a bit away of the text.

thank you lemathieu!

richardn / 2010-08-19 14:20:20   

Something like this, maybe:

#menu ul li {border-bottom:1px solid;}

FelixP / 2010-08-19 17:03:26   

that´s it. grat.

BUT

what do i have to do to have all the text underlined. not only the section titles?

thanks!

Vaska A / 2010-08-19 17:04:34   

Style "#menu a" - meaning, the links.

FelixP / 2010-08-19 17:36:00   

just the same problem. the line ends with the text. could you please visit my site to see the problem. i want to have every line as long as the section title line. So every line ends at the same point.

thanks vaska !

richardn / 2010-08-19 18:57:22   
BUT

what do i have to do to have all the text underlined. not only the section titles?

Try again with what I suggested - #menu ul li {border-bottom:1px solid;}

This will underline everything, and the line will extend to the full width of the menu (unless there's another CSS rule overriding it).

FelixP / 2010-08-20 08:01:04   

din´t get it.

i have now posted my style.css on the mainpage

www.heyfelix.de

thanks again.sorry!

rickykappa / 2010-08-20 09:08:28   

why not doing what richard is telling you?
now you have this:
#menu ul li.section-title {border-bottom:1px solid ; color: #888888; font-weight: bolder;# ; }

which gives you the line you want, but only under the section-title, while richard's advice is related to all the li (list items)...
btw there are some incorrect sintax around in your style.css, I suggest you to validate it.
i.e. the above line should be:
#menu ul li.section-title {border-bottom:1px solid #888888; font-weight: bold; }
try it again felix!
;-)

richardn / 2010-08-20 09:15:55   

Oh well. I'm not sure why it's not working for you. I'm using Firebug (Firefox add-on), and adding the following to your stylesheet will achieve the effect you want:

#menu ul li {border-bottom:1px solid;}

Have you tried it? What happened? Nothing?

richardn / 2010-08-20 09:17:02   

Ah, Ricky beat me to it... what he said...

FelixP / 2010-08-20 09:23:14   

Yeeees!

Hard work. But now it´s done.

THANKS EVERYBODY FOR YOUR PATIENCE !

FelixP / 2010-08-20 09:32:07   

one little thing. i need the section titles again bold. how can i do this?

richardn / 2010-08-20 09:33:24   

You deleted:

#menu ul li.section-title {border-bottom:1px solid #888888; font-weight: bold; }

Put that back in.

FelixP / 2010-08-20 09:34:57   

yes. but now we have all the text bold. but i only wanna have the titles bold.

FelixP / 2010-08-20 09:37:14   

got it. Now it´s perfect. thank you so much!

This thread has been closed, thank you.