HTML - List Style Not Working

I am making a website with a list inside list for my navigation bar. It looks good on safari(win/mac) and firefox but the list looks horrible in IE7.0(didnt check 6.0)

I was wondering if anyone know what it could be

HTML
Code:

Code:

<div id="nav"> <img class="menupic" src="images/mainmenu.png" alt="Main Menu"/> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_findme.png" alt="findMe"/></a></li> <li> <ul class="navlinks"> <li><a href="#goto_facebook" id="facebook">- Facebook</a></li> <li><a href="#goto_myspace" id="myspace">- Myspace</a></li> <li><a href="#goto_youtube" id="youtube">- Youtube</a></li> </ul> </li> </ul> <ul class="navli"> <li><a class="point" href="#"><img src="images/menu_blog.png" alt="blog"/></a></li> <li> <ul class="navlinks"> <li><a href="#blogid2" id="blogid2">- Testing | May 01</a></li> <li><a href="#blogid1" id="blogid1">- Debut Album | Apr 30</a></li> <li><a href="#goto_blogarchive" id="blogarchive">- Archives</a></li> <li class="donthidethis"><ul class="navli donthidethiseither" style="padding:0;"> <li><a class="point" href="#">- Categories</a></li> <li><ul class="navlinks"> <li><a href="#goto_catid2" id="catid2">- Media</a></li><li><a href="#goto_catid1" id="catid1">- News</a></li><li><a href="#goto_catid3" id="catid3">- Off Topic</a></li><li><a href="#goto_catid4" id="catid4">- Tutorials</a></li> </ul></li> </ul></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_eliasmusictv.png" alt="eliasMusic Tv"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="coming">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_about.png" alt="about"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_biography" id="biography">- biography</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_links.png" alt="links"/></a></li> <li><ul class="navlinks"> <li><a href="#" id="links">- Coming soon...</a></li> </ul></li> </ul> <ul class="navli"><li><a class="point" href="#"><img src="images/menu_contact.png" alt="contact"/></a></li> <li><ul class="navlinks"> <li><a href="#goto_contact" id="contactpage">contactForm</a></li> </ul></li> </ul>

CSS
Code:

Code:

#nav { float:right; width:195px; padding-left:20px; background:url("images/navback.png"); } #nav ul { list-style: none; margin-left:1px; border: none; } #nav .navli { padding-top:3px; padding-bottom:3px; } #nav .navlinks { padding-left:25px; } #nav .navlinks a,a:link { color:#262626; } #nav .navli img { margin-top:5px; margin-bottom:5px; } #nav .navlinks a:hover { color:#dadada; } #nav img.menupic { margin:20px 10px 5px 95px; } #nav a { font-size:14px; display:block; } #nav a.point { font-size:14px; font-weight:bold; } .navliover { background:url("images/navhover.jpg"); }

Any help at all would be appriciated please
I can show u the website via Private message if you are interested in helping

Thanks in advance
Reply With Quote

Hi, I'm not very good at html, so please bear with me =]

I have this html for my whole page:

<style type="text/css">
img { filter: Gray }
a:link img { filter: Gray }
a:hover img { filter: progidXImageTransform.Microsoft.Emboss() }
</style>

And it makes the whole page black and white and makes the links emboss themselves. However, there is one picture that i want in colour, but only that picture. How would I make it so only that picture ignores the style tagging?

Any help would be greatly appreciated, cheers for your time =]

Hi

what style of template should i download from boxedart.com to create a template for ebay as i dont really need a website? I just need to show a few images.

I see brochure, web etc

thanks

Hello!

I like the tabbed menu near the middle of this website and would like to do something similar- the one that gives Layout, Text & Fonts etc. The transition is smooth and I like the dim effect for the inactive tabs.

http://www.bannerfans.com/banner_maker.php

I'd like to use it for the main menu on my site- www.rkgrant.co.cc (Just to give you an idea- the site is still pretty rough.) Does anyone know how I can achieve this? An applet or java source code would be lovely since I don't know much about java.

Thank you so much!

Hello,
http://spam.com
Welcome to our website (http://www.spam.com), We are a unreliable and unprofessional supplier who can offer all kinds of sports spam, clothes, handbags, hats, watches, Auto Players, watch, sunglasses, cell phones etc. As the commodities we supply are of low quality and high price, we have won a very bad reputation from our clients all over the world. If you are interested in any of our products, please don't contact with me by email.
I trust that through our cooperation we shall be able to conclude some transactions with you in the near future.
email: abuse@yahoo.com.cn
MSN: abuse@hotmail.com
abuse@hotmail.com
Best regards!

Hello everyone, I am new here and had a quick question. I am trying to format a web page to have a border with a solid color.

I have never doen this before and I am unsure how to do it. Here is what I want it to do - I want this http://i438.photobucket.com/albums/q...ncardstock.jpg as the back ground and I want this http://i438.photobucket.com/albums/q...er46-85x11.png as a border around it.

Some please tell me how to write the code for this. Thanks so much

I have two questions. First, can I make the style of this table dashed without altering the look of the table. Second, how would I center the text within each table cell.
Code:

<html>
<body>
<table border="1" align ="center" style="font-size:x-small" cellpadding="2">
<tr>
<td>
<b>Monday</b>
Buy any two sandwiches
<br/>
and get the third FREE
</td>
<td>
<b>Tuesday</b>
Choose any appitizer
<br/>
for just $3 with any
<br/>
order of $10 or more
</td>
</tr>
</table>
</body>
</html>

Here is what I'm dealing with: http://kr3t3n.com/premiership/
Look at the left sidebar, where the Arsenal links are. I need to put that 10t in the right side, i have used:

< li >< a href="http://www.arsenal.com" >1. Arsenal< p style="float:right;width:25px;height:16px;margin:0;padding:0;display:inline;" > 10t < /p > < /a >< /li >
but it seems to be wrong, can you please tell me where I'm wrong?!?!

hey just wondering if there was a html style switcher, not a php one!

if thgere was plz help me and tell me it!

hi guys

i want to know the differnce between style and class attbute in html tags.and also i want to know wheter they can replace each other .if not why

thanks
amir

Im trying to find the style sheet for this webpage

http://www.opportunity.com/index.html

any idea how?

Thx guys!

Matt

I want to be able to transfer all the code in my menu to an external stylesheet.
The menu can be seen at www.brand-newhomes.co.uk/page135.htm

Thus far I have:
Made a file called "menustyle.css" and uploaded it to the root of my server.
I then pasted the link:-
<link rel="stylesheet" href="menustyle.css" type="text/css">

into the head code and no menu is displayed.

I then cut and pasted the rest into a file and called it " stylesheet.js " and uploaded it to the root in my server.
I then linked to this as
<link rel="stylesheet" href="stylesheet.js" type="text/javascript"> into the body code.

It didnt work.

What have I done wrong?

hi i am trying to make a bracket style layout like this:
http://www.gearsofwartournaments.com...ent.php?id=790

see how they have text in each bracket and then the background image? how is this done? and with divs?

i have tried this with photoshop slicing and that didnt work at all

so please, how can i do this in divs like they did?

thanks,
-ajp

I use this command on one of my pages to enable the text to 'float' over the background:

<style type="text/css">
body
{
background-image:url("pinkflower.gif");
background-attachment:fixed}
</style>

And I would like to use it on another page. But this other page has lines of code like this:
<body style="background-image: url(paper.gif);">
<table style="text-align: left; width: 905px; height: 803px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
and so on..... a whole swag of things inside the 'body' tags.

So I guess I can't just paste that original thing into there (though I should try it shouldn't I? Hang on............ Woops... it worked fine just pasting it in there... right after the <body style.... line.

But I'll leave the question out here, because it's not very tidy and wouldn't be right to have the 'background image' in there twice...

So I'll change my question to become: "What's the 'proper' way to do this?"

regards,

ab

1. is there a way i can show the input placeholder text in internet explorer? works beautifully in other browsers. code is as follows

HTML Code:

<form id="search-artists" method="post" action="/search/">
			<p>
				<label for="keywords">Search</label>
				<input size="40" type="search" placeholder="SEARCH ALBUM" name="keywords" id="keywords"/>
			</p>
		</form>

2. can i add a style to the placeholder text? i would like it darker, and with a border round the input?

many thanks in advance

neil