hi i just wanted to code a site like BBC just for practice while doing this i got an error in `li` item of a `ul` i don't know the problem but when i give it a `border-right` the border take more height then the original menu, i'm pasting my code here please check it and help me?? <html> <head> <title>BBC</title> <style> body{ margin:0; font-family:Arial,Helvetica,freesans,sans-serif; } #top{ width:100%; height:50px; } .keepcenter{ width:1100px; margin: 0 auto; } #logo{ border-right:1px solid #CCCCCC; float:left; padding-right:5px; height:100%; } #signin{ font-weight:bold; font-size:0.9em; border-right:1px solid #CCCCCC; width:200px; height:100%; float:left; } #signin img{ position:relative; top:5px; margin-left:15px; } …

Member Avatar
Member Avatar
+0 forum 1

I am trying to center these <li> elements but I can't seem to figure out how. I now I could just add 400 margin to the other <li> element in CSS but I need to have a picture to the left of both of these and I know that won't work because the margin will make the pictures farther away then a I want. Here is my HTML code and my CSS code.. HTML Code: <!DOCTYPE html> <head> <style>font.tahoma{font-family:Tahoma, Geneva, sans-serif;}</style> <style>font.trebuchet{font-family:"Trebuchet MS", Helvetica, sans-serif;}</style> <title>Ceracy Games | About Us</title> <link rel="stylesheet" type="text/css" href="aboutstyle.css"/> <link rel="stylesheet" type="text/css" href="navigationbar.css" /> </head> …

Member Avatar
Member Avatar
+0 forum 6

I am having trouble getting my drop down navigation menu to work. The main issue is when I zoom out in Google Chrome, the menu starts wrapping and dropping to a 2nd line, causing all other divs on the page to wrap too. I have searched across the internet to find a solution but nothing seems to work. Thanks for your advice. Html: <div id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Quality</a></li> <li><a href="#">Processes</a></li> <li><a href="#">Markets</a></li> </ul> <ul> <li><a href="#">Products</a> <ul> <li><a href="#">Product information</a></li> <li><a href="#">Product number one submenu</a></li> <li><a href="#">Product number two submenu</a></li> <li><a href="#">Product 3</a></li> <li><a href="#">Product …

Member Avatar
Member Avatar
+0 forum 2

I'm having a problem with my main site navigation. I've made some changes to my easy slider that is on the same page, and the top nav seems to have adopted this. Is supposed to show: #nav a{ display:block; color: #474747; text-transform: none; font-size: 13px; text-decoration: none; background: none; padding-top: 7px; padding-bottom: 7px; padding-right: 15px; padding-left: 15px; } #nav a:hover{ color: #62A2FF; background-color: #3a3a3a; } Yet it only shows the box padding on the sides, not on the top like its supposed to. I know there is something within the screen.css file for the easyslider that is causing this, but …

Member Avatar
Member Avatar
+0 forum 6

I have an issue where bulleted items are not indented when viewed on mobile devices (only tested on i-phone). It can be viewed here: [Click Here](http://psychhealth.net/therapy.htm) Any ideas or snippets that can be added to the code to fix the compatibility problems?

Member Avatar
Member Avatar
+0 forum 1

Done it now, it doesn't matter.

Member Avatar
Member Avatar
+0 forum 1

The code i'm using is fine in firefox and chrome but ie is keeping the bullet point as black. Anyone know how i can hack round it? [CODE].rightpane ul , .contentpane ul { padding:0; margin:0; margin-left:15px; text-align:left; list-style-type:disc; color: #007dc3; } .rightpane ul li:first-line , .contentpane ul li:first-line { color: black; padding:0; margin:0; list-style-type:disc; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:14px; } [/CODE] had a quick google for the li:first-line pseudo class but it has left me more confused quite frankly! cheers, dave

Member Avatar
Member Avatar
+0 forum 4

Hi to all I have a little problem with a menu (I use superfish) all the item are link and without any problems, but I don't know how to configure a item (it's a span, not a link). I want to display that span like a button, but padding works only to add some space on the left and right but for top and bottom it doesn't work (the same with margin) .menu li span.separator { font-size: 14px; font-weight: bold; padding: .75em 1em; } if I add that padding for the li, it's works but I have some problems in …

Member Avatar
Member Avatar
+0 forum 5

The End.