• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

ul list background color and align issue

 
david arnold
Ranch Hand
Posts: 133
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

I have a jsp page which has a top menu bar as below



The problem is that the horizontal top menu bar does not show background color. I tried to put background color in "menu ul" and "menu li", well, background color shows where there are words like Home, Logout. What I want is the whole top menu (width is 100%) has the color, not only the link part.

And I found when I added "float:right" to the menu as below:

The background color showed, I don't know why, but the words "Home, logout..." are left align, not right align which I want, I tried "text-align" which does not work as well.

Thanks for help!
 
Ogeh Ikem
Ranch Hand
Posts: 180
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Try assigning the background colour to the <tr> or <td> element instead of the div.
 
Bear Bibeault
Author and ninkuma
Marshal
Pie
Posts: 64613
86
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Are you using tables for layout?
 
david arnold
Ranch Hand
Posts: 133
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
table is not recommended for layout, right?

Yeah, I tried to assign background color to td, it worked the same way as above, i removed table, still the same result. So I do not know how to solve it.

Thanks.
 
david arnold
Ranch Hand
Posts: 133
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Any solutions or better ways to handle it?

Thanks.
 
Eric Pascarello
author
Rancher
Posts: 15385
6
 
david arnold
Ranch Hand
Posts: 133
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Got it, thank you Eric.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic