- This topic is empty.
-
AuthorPosts
-
April 8, 2010 at 6:13 pm #28669
SufferBoy
MemberWhy does my bullets show up differently in Safari and Firefox?
Totally new to CSS, so don’t know to much about what i’m doing… :)
But this has been bugging me, tried a lot of different things, but this has been the closest thing.http://www.viggoknudsen.com/test/urbangreymenu.html
CSS code:
Code:body {
background-image: url(http://www.viggoknudsen.com/background.jpg); /*background image*/
}.header {
position:fixed;
top: 20px;
left: 20px;
}#navigation {
position:fixed;
top: 142px;
left: 30px; /*left position of navigation*/
width: 190px; /*width of menu*/
}#navigation ul {
list-style-image: url(http://www.viggoknudsen.com/test/bullet.png);
list-style-position: inside;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}#navigation ul li {
padding-bottom: 2px; /*bottom spacing between menu items*/
}#navigation ul li a, #navigation ul li a:visited {
font: normal 12px Arial;
color: black;
background: #F1F1F1;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}#navigation ul li a:hover { /*hover state CSS*/
font: normal 12px Arial;
color: black;
background: #E1F0A1;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}HTML code:
Code:
Untitled Document
April 8, 2010 at 8:01 pm #73760diablero13
Memberuse a background-image, for example:
Code:*{margin:0;padding:0}#navigation ul {list-style:none}
#navigation ul li {padding-bottom:2px}
#navigation ul li a, #navigation ul li a:visited {
background:#F1F1F1 url(“http://www.viggoknudsen.com/test/bullet.png”) 5px 10px no-repeat;
color:black;
display:block;
font:12px/17px Arial;
padding:5px 0 5px 18px;
text-decoration:none;
}
#navigation ul li a:hover {background-color:#E1F0A1}April 9, 2010 at 2:10 am #73776SufferBoy
MemberAh, so i just put under the #navigation ul li a instead of #navigation ul li or ul. :D
Thanks that worked perfectly! -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.