PDA

View Full Version : Making top border solid


XanXus
02-08-2009, 07:17 PM
@charset "utf-8";
/* CSS Document */
body {
margin:0.5cm;
padding: 0.5cm;
background-color: red;
font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
}

h1 { color: white; border-bottom-color: yellow; border-bottom-style: solid; border-bottom-width: 3px;}

h2 { color: white; border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 2px; text-align: right;}

a:link { color: white;
text-decoration: none;}

li { list-style: none; }
li a { text-decoration: none; }
li a:hover {
background-color: red;
color: white;
}

ul {
padding-left: 0;
margin-left: 0;
}
li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 3px solid white;
border-bottom: 3px solid white;
display: inline;
}
li a { text-decoration: none; }
li a:hover {
background-color: red;
color: white;
}

heres the code for my current CSS

basically i want the bit where i circled to be solid yellow if thats possible but im not quite sure how

http://i43.tinypic.com/e7b3b9.jpg

d a v e
02-08-2009, 08:06 PM
try
h1 { color: white; border-bottom-color: yellow; border-bottom-style: solid; border-bottom-width: 3px; background: yellow;}

if that doesn't work then post a link to the page

XanXus
02-09-2009, 04:22 PM
yeah thanks mate it worked