Indexhibit Support

Hello!

I was trying to change the css to have the project titles underlined by having a bottom-border.

In "base.css" I was writing this:

#index ul.section span.section_title {
text-transform: uppercase;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:black;
letter-spacing: 1px;
font-weight: bold;
padding-bottom:1px;
margin-bottom: 1px;
}

Problem 1: Margin Bottom is not working.

Problem 2: When I use 2 words its creating 2 lines.

Problem 3: The "length" of the border (from left to right) is as long as the name of the Title. I want to have a fix length/width.

I tried it with exhibit-titles and it worked. why not with the main titles?
The code I used for exhibit-titles:

#index ul.section li.exhibit_title {
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:black;
letter-spacing: 1px;
}

I am trying for a few days now but I just dont know what I am doing wrong.

If someone can help, please help :(

Thanks in advance,
Alex

Problem 2: After I deleted padding-right, it didnt create 2 lines anymore. I used padding right to make the border longer, but it still changed depending on the length of the word. So I deleted padding for this question.

this is the section I was talking about:
alexandermoltzen.com/index.php/graphic-design/

Problem 1. You need to add display 'block' to the span css.

Problem 2. That's because your index is not wide enough - you could try wordwrap (CSS) - I don't know if it will resolve that problem though.

Problem 3. Then simply specify your width (CSS again).

;)

Hey Vaska, after adding block display Problem 3 was resolved as well!

Thank you so much for your quick reply!

Great! It's not too hard and you're learning neat things.

;)