Howdy, Stranger!

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

Categories

Welcome to the new platform of Programmer's Heaven! We apologize for the inconvenience caused, if you visited us from a broken link of the previous version. The main reason to move to a new platform is to provide more effective and collaborative experience to you all. Please feel free to experience the new platform and use its exciting features. Contact us for any issue that you need to get clarified. We are more than happy to help you.

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.