|
HTML - List Header??
On my website www.fresh-lobster.co.uk my footer displays 3 lists with various links, in a horizontal line (ul is floated left in the css).
But the way i created the list headers was to put a the list header within an LI so it would format (margin etc) with the rest of the list. ul li --list header-- /li li --list item -- /li li --list item -- /li /ul But when viewing in non-css mode, it displays a disc like any other element in an LI. I tried using the LH (which is included in html3)... ul lh --list header-- /lh li --list item -- /li li --list item -- /li /ul But IE doesnt like it (even though Opera does). Is the LH element still functioning? or is there some other way of doing it. Thanks Similar TutorialsHello there, My site header buttons aren't showing up in Google Chrome. Design fees, web design and answers, are the only buttons that show in Chrome. The header buttons show up fine in IE, Firefox, Safari and others. Site is dreamboxdesigndotcomdotau Any help appreciated! Hey, im trying to find out why the header on my website isnt at the top of the page. it also moves sometimes even though the code appears to be all the same. the address is www.themonsterbox.com thanks in advance for any help. I have a big list and I want to show on my webpage 6lines from that list randomly (when webpage is refreshed another 6 lines appear). can anyone help me with he code, how should the list look like so it works...or where can I find more info on this ? thanks 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 Hello, I ran into this problem today in my Basic XHTML class, and it was enough to stump me and the instructor: if you want to put an unordered list in the middle of a page, but you want the list items to be left-aligned so the bullets are one on top of the other...how do you do it? I started with code something like <div align="center"> <ul type="disc"> <li>Wine</li> <li>Women</li> <li>Song</li> </ul> </div> This centers the list on the page, but it also centers each list item. I tried placing a <div align="left"> around the list items, individually and collectively, but depending on the positioning it either had no effect or it nullified the center attribute completely and gave me a left-aligned list on the left edge of the page. Attempts to change the style of the <li> tag, which I haven't done in months and was never all that good at, failed. I know I can do this in ten seconds by putting the list inside a one-cell table, and with much fiddling I could probably do it with a spacer GIF...but what's the 1.0 Strict way? Hi guys, I've done design work before, but the website I just finished is my first stab at doing html & css by myself and I just have one problem that isn't working. There is a gap a few pixels high between the top images in my header and the bottom of the header where the navigation is. This gap doesn't appear in Firefox or Safari, only IE. Does anyone know how to fix this. The site can be seen on my company's test server at www.worthy-llc.com/pfpk. Thanks so much, it's a charity site and I want to make sure it gets done correctly. Brendan hi, when i open web in internet explorer i see web without header and footer. then open with firefox i see web without header but i see footer. How to fix this problem and then i open web with every explorer i can see good web. sorry for english language. web url is www.xxlpramogos.lt Hey guys just need a little help in getting a google adsense ad in the top right hand side of my website next to the header image.. Help is much appreciated thanks. My site http://www.prized4you.com Thanks in advanced Hi people. hope everyones ok http://www.airportcarhireliverpool.co.uk/ is my website and it looks fine on firefox but when i go to IE the nav is too low. i really dont know why and its doing my head in. also when we use ie 7 it re-directs to youtube? whattttttt? lol please help me!!! Thanks!! hi, guys new here and to html. i am writing my code as, <div class="header"> Drums</div>, for example, now my trainer wants it in a span class so i can change the font and color etc, what is the next step to take? Good morning: I'm doing okay in the search engines, but I wonder if this is a good header: <HTML><HEAD><title>BestStudentViolins.com - Stringed Instruments and Sheet Music for Contemporary Musicians</title> <META NAME="Author" CONTENT="BestStudentViolins.com" /> <meta name="keywords" content="violin,viola,cello,bass,cases,bows,student violin,student violas,mandolin,guitars,sheet music,sheet music, free music / > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / > <meta name="description" content="beststudentviolins.com/ - BestStudentViolins.com/violins.html - Stringed Instruments and Sheet Music for Contemporary Musicians" / > <meta name="Identifier-URL" content=http://beststudentviolins.com /> <meta name="Classification" content="beststudentviolins.com/ - Stringed Instruments and Sheet Music for Contemporary Musicians" / > <meta name="Author" content="beststudentviolins.com/" customerservice@beststudentviolins.com / > <meta name="robots" content="index,follow" / > <META NAME="rating" CONTENT="General" /> <META NAME="revisit-after" CONTENT="15 days" /> <META name="resource-type" content="document" / > <meta name="copyright" content="Copyright (C) BestStudentViolins.com. All rights reserved." / > <meta name="distribution" content="global" / > ?? Thanks! I'm making a website that has a flash header that serves as a menu bar. I use the exact same flash header on each page in this site. Is there a way to code this so the flash header doesn't have to 'reload' each time you move to another page within the site? I'd know how to do it using iFrames, but I'd rather not use that on this site. Is there another way? It just seems useless for this flash to reload on each page you move to in the site. Cache makes things so that the reload time is super quick, but I'd like it to not have to reload at all, if possible. Maybe this is a JavaScript thing? I don't know. So, if this thread isn't place appropriately, I apologize. Anyhow, thanks in advance for any advice or help. Both work fine in Firefox. Code: Code: <style TYPE="text/css">
<!--
#rotate
{
background: url(/images/banner/players/rotate.php) no-repeat center top;
color: inherit;
width: 967px;
height: 202px;
}
-->
</STYLE>
<table width="967" height="202" id="rotate" style="cursor:pointer;" onclick="location.href='';">
<tr valign="top">
<td width="222"> </td>
<td width="733" style="padding-top: 9px">
<script type="text/javascript"><!--
google_ad_client = "pub-8692420629844560";
/* 728x90, created 10/7/10 */
google_ad_slot = "0662884499";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
</table>
In IE, works fine on site - ad is placed perfectly: In forums, using same code, the ad is misplaced slightly, and shows more of the white space from when the banner was designed, as a placeholder for ad: Banner design, w/ whitespace - creates a 1-px white border around ad: Any ideas what could be causing the inconsistency? As far as I know, it's IE only. Hi, i use a far future expires header to speed up the loading of most of my pages. But i have one or two pages such as "latest updates" and such, which need to be reloaded each time the visitor visits. How do i define the expires meta tag thing so it will be reloaded every time? this is what i have so far, this is the far future version. Code: <meta http-equiv="expires" content="Wed, 26 Feb 2009 08:21:57 gmt"/> thanks. I am trying to make some code (see attachment) to look exactly like this page http://www.ultrapurecleanse.com/index.php. The attached code is the same as the source code of the URL, but it is not coming out the same in my html editor. There must be a way. For example, I am having difficulty getting the header to show up and the 5 bullet points on the top left to appear right on top of the big gray arrow as they should. Any help is really appreciated. Andrew I'm having problems trying to create a header bar for my site. Basically I want something like the blue bar at the top at http://m.digg.com/ Essentially a bar that goes across the top of my site with a background color of my choice and my logo in the center of it. How would I go about doing this? Okay prepare for whats probably a real dumbass question, but how do you create a website where you have a header that never changes, only the body of it changes to correspond with the users selections made from the header. I can do this with frames but I don't like this and want to learn other ways. Thanks in advance Hey everyone, hope your having a good a day! My header on my wordpress blog is appearing twice and I don't know why. It's fine on my homepage but on the other two pages, it appears twice! I would love some help with this but would prefer to PM my blog address if that's ok with you? Thank you, I really appreciate this because I'm a COMPLETE newbie and have no idea about html ect. Thanks again! Steve Hi, I've been trying to add a full width header to my site with the account and view basket links in front of the header image. so far I have been unsuccessful. could someone advice how I would do this? i've attached a link to the image. Thanks, Adam I have to insert javascript between <Body> & </Body>, of a HTML page. The page, however, is a header and only contains a <Body>. There is no </Body>. So, the script does not work. Any thoughts on how I can resolve this? - b PS: Forgot to mention that the javascrip does work. I've already tried it on a test HTML page that does have <Body> & </Body> and the script does work. |
|||||||