|
HTML - Ie8 Wont Use :hover Highlights In My List
Pretty strange failure since all the browsers incl. Safari change color when hovered on..
IE only wants the first 1 on the left, and the first 2 on the right to work? Please have a look, oh its still in development, heavily, the only clickable link is the first one on the left. Thanks. Similar TutorialsI am coding a page in strait HTML. It was going fine until I put in a list. When I put the list in, it wont show, just caused a large area of blank space. Below is the code I used for the list. Let me know if you need the whole page. I am new to this and would greatly appreciate any help you can give. <ol type="I"> <li>Complete G1 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Japanese only G1 Transformers</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>As Complete as Possible</li> </ol> <li>Complete G2 Collection</li> <ol type="a"> <li>C-8.0+ Transformer</li> <li>All Accessories</li> <li>Tech Spec File Card</li> <li>Instructions</li> </ol> <li>Complete Classics Collection</li> <ol type="a"> <li>C-9.0+ Transformer</li> <li>All Accessories</li> <li>Instructions</li> </ol> </ol> HTML Code: <div class="contactlistdiv"> <select multiple="yes" name="send" class="contactlistone" size="6"> <option value="1" >hello</option><option value="2" >gee</option><option value="3" >gluba</option></select> </div> I am creating a list like the one above. When I style it with CSS it wont let me select any options! E.g if i float left or right(float:right; ) with CSS it wont work. Where as if I place it absolutely somewhere it will work. Problem is to get it exaclty where I want i need to float it. I have tried placing it inside a relatively placed div absolutely but it still wont let me select. I have also tried styling both classes contactlistdiv and contactlistone but it doesnt make a difference. Any help appreciated. Thanks. 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 Well i am creating a website for a college assignment and i need some help please. I want a div (or anything else that might work) to go in the space shown in the pic. I have tryed aligning a div right but it doesnt go into the gap i want it to, also normal text wont go there eithe. please bear with me. i had been out of touch with web design for a while. well, a long while actually. last time i designed a website css wasn't the standards. ================================================== have a look at the site below: http://amarssadal.com/pp/ now above the video, between the video and the frame outlining it you can see a gap. now i cant for the love of god figure out what the hell went wrong there. ny ideas. ny suggestions. what could be wrong? ================================================== also. to manage this website and one other website, i want to give the client the freedom to add and remove and make changes to the content. now as i understand there are CMS to do just that. but how do i apply them. could you help me or guide me to a very layman's tutorial or something on CMS. Thanks. Here's my code: Code: <div align="center" style="background-color:#4D4D4D;width:1000px;height:30px;border:1px solid #00137F;filter:progid:DXImageTransform. Microsoft.Glow(color=#00137F)"> I can't get the DIV to change size. I know I haven't put 'Width="" height="" ' but that doesn't work. It's strange because usually I would've thought that would work. Hi. Can anybody tell me why this isnt validating? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8" /> <title>.:Welcome to Wollongong Motorcycle Club:.</title> <style type = "text/css" media = "all"> @import"css/global.css"; </style> </head> <body> <div class = "content"> <div class = "banner"> </div> <div class = "body"> <div class = "navBarStandard"> <a href = "index.html">Home</a> <span style = "vertical-align:-8px;">|</span> <b>Calendar</b> <span style = "vertical-align:-8px;">|</span> <a href = "news.html">News</a> <span style = "vertical-align:-8px;">|</span> <a href = "forms.html">Forms</a> <span style = "vertical-align:-8px;">|</span> <a href = "photos.html">Photos</a> <span style = "vertical-align:-8px;">|</span> <a href = "directions.html">Directions</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">For Sale</a> <span style = "vertical-align:-8px;">|</span> <a href = "links.html">Links</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Coaching</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Pointscore</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Interclub</a> </div> <!-- All Content goes after this line --> <br /> <div class = "calendarContent"> <div class = "datesTopCorner"></div> <!-- All Calendar entries are put after this line --> <div class = "entry1">Sun 15/04/07 - Round 2 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 22/04/07 - <i>MX Pointscore round 2</i></div> <div class = "entry1">Sun 29/04/07 - Coaching JT assessment - book on club No.</div> <div class = "entry2">Sun 06/05/07 - Practice day, round 3 ClubChamps Kiama</div> <div class = "entry1">Sun 13/05/07 - Mothers Day</div> <div class = "entry2">Sun 20/05/07 - <i>MX Pointscore round 3</i></div> <div class = "entry1">Sun 27/05/07 - Practice Day</div> <div class = "entry2">Sun 03/06/07 - Working bee</div> <div class = "entry1">Sun 10/06/07 - <i>MX Pointscore round 4</i></div> <div class = "entry2">Mon 11/06/07 - Long weekend / practice day</div> <div class = "entry1">Sun 17/06/07 - Track Hire Heaven Vintage - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 01/07/07 - Round 3 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry1">Sun 08/07/07 - <i>MX Pointscore round 5</i></div> <div class = "entry2">Sun 15/07/07 - Practice day</div> <div class = "entry1">Sun 29/07/07 - Practice day</div> <div class = "entry2">Sun 05/08/07 - <i>MX Pointscore round 6</i>, round 5 ClubChamps Kiama</div> <div class = "entry1">Sun 12/08/07 - Practice day</div> <div class = "entry2">Sun 26/08/07 - Practice day</div> <div class = "entry1">Sun 02/09/07 - Fathers Day</div> <div class = "entry2">Sun 09/09/07 - <i>MX Pointscore round 7</i></div> <div class = "entry1">Sun 16/09/07 - Trials Presentation Day Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 23/09/07 - Practice day</div> <div class = "entry1">Mon 01/10/07 - Long weekend / practice day</div> <div class = "entry2">Sun 07/10/07 - <i>MX Pointscore round 8</i></div> <div class = "entry1">Sun 14/10/07 - Aust GP Philip Island</div> <div class = "entry2">Sun 21/10/07 - Practice day</div> <div class = "entry1">Sun 04/11/07 - Rain day for MX</div> <div class = "entry2">Sun 11/11/07 - Practice day</div> <div class = "entry1">Sun 18/11/07 - Xmas party / Presentation day</div> <div class = "entry2">Sun 02/12/07 - Practice day</div> <div class = "entry1">Sun 16/12/07 - Practice day</div> <!-- No more calendar entries can be put after this line --> <div class = "datesBottomCorner"></div> </div> <br /> </div> <div class = "bottomCorners"> <div class = "BottomCornerBox"> <span> <br /><br /> © Wollongong Motorcycle Club Ltd<br /> Ph: (02) 42 671 931<br /> P.O. Box 401, Figtree NSW 2525 </span> </div> </div> </body> </html> As you can see, im using XHTML 1.0 transitional, but aparrantly it isnt valid The following is the validation error I got from w3: ------------------------------------------------------------------------------------------- Error Line 107 column 6: end tag for "div" omitted, but OMITTAG NO was specified. </body>You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 14 column 0: start tag was here. <div class = "content"> ------------------------------------------------------------------------------------------- It sounds like i've done something really stupid and simple, like misplacing a div tag or something Thanks for reading this (and hopefully helping me). If you want me to post my CSS or attach a copy of my website, just say so Thanks again, Chris I can not get this FLV Player to align center inside the DIV tag correctly. It drops below center in IE7. Anyone have any suggestions? Site Link I hope I will be able to get some help here with this small problem of mine. I'm trying to get my favicon to appear and I'm having no luck. I have a 32 pixel square favicon.ico file in my root dir, and I entered <link rel="icon" type="image/x-icon" href="http://firstlightphotographs.com/favicon.ico"> in the head tag. That should do it right? It's not working so I must be missing something. I hope someone can help, thanks a lot. I made an image in gimp, just a gradient from black to green to set as the background for my website. For some reason when I test it, everything shows up fine. When I upload it to the server and point my browser to the website the background wont show up. Tried it in IE, firefox, and chrome. For all you curious about how I set it up this is in my css style sheet. Code:
body {
background-image: url(images/background.jpg);
}
As you can see, I saved it as a jpg and it's in a folder labled images, pretty sure the code is right because it will show perfectly when I test it. Any ideas? Thanks. hi there, i am working on a page: http://test.furryfrog.co.uk/rokka/private i cant get the content to clear on the right hand side and extend the content area to 100%? i have tried all manner of clears, end divs, 100%heights but i just cant get it. any help is most appreciated. Regards Neil Hi, I'm making a website template, and I'm about finished. I'm having trouble though, I want the table on the bottom right, the "MAIN" table with content saying "MAIN" to stretch 100% so even if the typing doesn't reach the end of the table, it will still stretch, and I have no Idea what wrong. Any help would be appreciated. the full code is attachted Hi guys, can someone help me. I'm trying to get my text to sit like this: however it sits like this: www.studioeighty.co.uk thanks Steve This problem is pretty self explanatory, please have a look here. It shows a slideshow that is almost working, but the moment i add the images they just stack up... not hidden, and not animated. I think ive missed out on something. No idea where to pinpoint it.. thank u for looking into this. I know a little bit of html, but cant figure this out. Probably something dumb. I have this iframe code: (not actual site lol) <iframe src="http://domain.com" width="90%" height="4000" frameborder="0" scrolling="no"></iframe> and i have a blank domain with hosting. What i did to make my domain the iframe is : Went to textedit program pasted that iframe saved it as index.html and made sure it was html filetype Then i went to my ftp program booted up my domain went to public_html and posted the index.html file there Then when i go to my domain it jsut shows the iframe code and not what it should show Any help is hugely appreciated! Im really getting tired of these unexpected flaws of IE. Cant wait to see how IE9 responds to code.. jeez. Anyway.. my scrollbar fails to show up here and here in IE. Ive used the overflow-x:hidden, but not the entire thing... FF and chrome display the vertical scrollbar just fine. stupid IE hides the entire thing! Where, o where did I go wrong.. hey guys, In order to align text isnt the command something like this? <h3 align="center">Text Here</h3> Is this right? I know its something really simple just for some reason I cannot get my text to center in the webpage. Any suggestions? Many thanks in advance! After some tricking and trying ive managed to integrate this "current_page" technique ive learned here from some very talented users. I think ive misplaced maybe one or two symbols.. because in the code everything SEEMs to look ok, but still the images fail to show up. If you care to relieve me from this frustration: have a look here, thanks a bunch the PINK squares are where the images are supposed to be! Can anyone help me find what I did worong writing this? I cannot not get any output numbers? Its supposed to be a calculator for + - * / HTML Code: <html>
<head>
<title>
COMSC100 Assignment 7 by Jesse Crawford 0887234
</title>
<script>
// copy/paste the following three lines after the script tag in EVERY program
function getInputAsText(_id){return document.getElementById(_id).value}
function getInputAsNumber(_id){return parseFloat(document.getElementById(_id).value)}
function setOutput(_id, _value){document.getElementById(_id).value = _value}
function calculate(code)
{
// declare a variable
var first
var second
var resultAsText
var resultAsNumber
// get variable's value
first = getInputAsNumber("firstBox")
second = getInputAsNumber("secondBox")
// output the value of total
if (code == 0)
{
resultAsNumber = first + second
resultAsText = first + " + " + second + " = " + resultAsNumber
}
if (code == 1)
{
resultAsNumber = first - second
resultAsText = first + " - " + second + " = " + resultAsNumber
}
if (code == 2)
{
resultAsNumber = first * second
resultAsText = first + " * " + second + " = " + resultAsNumber
}
if (code == 3)
{
resultAsNumber = first / second
resultAsText = first + " / " + second + " = " + resultAsNumber
}
// output value
setOutput("resultAsText", result)
}
</script>
</head>
</body>
Instructions:<br>
Type 2 numbers and hit enter.<br>
The total will appear in box below <br>
<br>
Input Values:<br>
First number: <input id="firstBox"><br>
Second number:<input id="secondBox"><br>
<br>
<input type="submit" value="add" onclick="calculate(0)">
<input type="submit" value="subtract" onclick="calculate(1)">
<input type="submit" value="multiply" onclick="calculate(2)">
<input type="submit" value="divide" onclick="calculate(3)"><br>
<br>
Output value: <br>
result: <input id="resultAsText" size="50"><br>
</body>
</html>
|
|||||||