- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hello, i`m a totally newbie so please dont laugh. I have a space between tabs, image attached down to see:
http://i53.tinypic.com/24nr6hi.jpg
If someone can help me.. thanks in advance.
Do you have a link to a live example?
If not, could you paste the html and css?
Yes, here you go: http://178.239.57.51/~alexrl/test/
Change this:
#nav .current a, #nav li:hover > a {
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
background: -moz-linear-gradient(center top , #EBEBEB, #A1A1A1) repeat scroll 0 0 transparent;
border-top: 1px solid #F8F8F8;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
to this:
#nav .current a, #nav li:hover > a {
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
background: -moz-linear-gradient(center top , #EBEBEB, #A1A1A1) repeat scroll 0 0 transparent;
color: #444444;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
The border is increasing the height of the box model.
Hi,
Just give your menu items in list and adjust the margin for that div
.menu {
width: 500px;
list-style: none;
margin: 0 0 2em;
padding: 0;
font: 150%/100% Arial, Helvetica, sans-serif;
}
.menu li {
clear: both;
margin: 10px;
padding: 0 0 1.8em 0;
position: relative;
display:inline;
border-bottom: dotted 2px #999;
thanks a bunch guys, really appreaciate !