TAG problem in CSS - Programmers Heaven

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories

TAG problem in CSS

Hello,
i have written a small HTML file for college purpose.
i m just learning HTML in college.
But its not displaying as it should be.

There is a lot of space before & after the li {audi, bmw, etc} TAGs.i want to remove it but its not getting removed. & the image in the 2nd li tag which is used as bullet has gone out of the screen.

So pls. can anybody help me fix this 2 problems

IMAGE :-

[img=http://i42.tinypic.com/b5k27s.jpg]


HTML code :-
[code]



#ul1
{
list-style-image:url('1.bmp');
padding:0px;
float:left;
}


CARS






CARS




  • AUDI

  • PORSCHE

  • BMW

  • LAMBORGHI NI




[/code]


CSS code :-

[code]@font-face
{
font-family: nsecthin;
src : url('nsecthin.ttf')
}
body
{
margin:10px;
background-color:green;
}
.header
{
text-align:center;
text-transform:uppercase;
color:black;
text-decoration:underline;
font-family:nsecthin,Constantia;
font-size:2.0em;
letter-spacing:3px;
font-weight:bold;
text-indent: 0;
line-height:50px;
background-color:yellow;
border:2px solid white;
}
.list
{

font-family:constantia;
font-size:2em;
padding:0;
margin:0;
border:2px solid white;
list-style-position:inside;
}

.ul2 li
{
height:2px;
list-style-type:none;
float:none;

display:inline;
border:2px solid white;
list-style-position:inside;
}

.ul2 a
{
float:none;
width:1em;
text-decoration:none;
color:white;
display:inline;
background-color:blue;
padding-left:0;
border:2px solid white;
} [/code]
Sign In or Register to comment.