html - Outlines and Borders not showing at all in IE -
i have been stuck on past week , can't find solution. have been developing site chrome, have noticed borders , outlines don't work ie. have tried replacing html doc type , origin of pages other people had prepare them, didn't work me. anyway, here code 1 of pages:
html:
<html> <head> <title>project star in jar</title> <link rel="stylesheet" type="text/css" href="default.css"/> </head> <link rel="shortcut icon" href= "images/favicon.png"/> <link rel="icon" href="images/favicon.png" type="image/x-icon"> <body> <div class="wrapoverall"> <div class="header"> <div class="logo"> <img src="images/starjar.png" href="index.php" style="width:100px;height:100px"> <div class="moto"> <h1> project star in jar</h1> </div> </div> <div class="nav_main"> <ul> <!--these tabs @ top of page <li><a href="link">title displayed on page</a></li>--> <li><a href="index.php">home</a></li> <li><a href="tutorial/intro.php">tutorial</a></li> <li><a href="videos.php">videos</a></li> <li><a href="resources.php">other resources</a></li> </ul> </div> </div> <div class="content"> <div class="contentresource"> <div class="resourcetitle"> <h2>resources</h2> </div> <div class="resourcelinks"> <div class="webtitle"> <h3>website links</h3> </div> <ul> <li><a href="http://www.iter.org" target="_blank">iter (international fusion project)</a></li> <li><a href="http://www.fusor.net" target="_blank">fusor.net (open source fusor research consortium) </a></li> <li><a href="http://www.farnovision.com/chronicles/fusion/vassilatos.html" target="_blank">farnovision.com (information farnsworth)</a></li> <li><a href="http://www.kronjaeger.com/hv-old/fusor/fusoriii/index.html#xray" target="_blank">richard hulls fusor iii project (homebuilt fusion project log)</a></li> <li><a href="http://www.rtftechnologies.org/physics.htm" target="_blank">rtf technologies (several homebuilt fusion projects)</a></li> <li><a href="http://www.plasma.inpe.br/lap_portal/lap_site/text/fusion_plasma.htm" target="_blank">associated plasma laboratory (information plasma)</a></li> </ul> </div> <div class="resourcedocs"> <div class="doctitle"> <h3>documents</h3> </div> <ul> <li><a href="#">pdf tutorial: star in jar </a></li> <li><a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0cciqfjaa&url=http%3a%2f%2ffusor.net%2fnewbie%2ffiles%2ffusorref.doc&ei=arkkvj-qn8zgsasw24dabg&usg=afqjcngbzj75epypkl_tz5u_hwdvcexmmq&sig2=j4dbsxchmf4l7ywfhs7bsg&bvm=bv.76247554,d.cwc" target="_blank">doc fusor & fusion references (fusor.net)</a></li> <li><a href="http://www.fusor.net/newbie/files/ligon-qed-ie.pdf" target="_blank">pdf world's simplest fusion reactor, , how create work</a></li> </ul> </div> </div> </div> </div> <div class="footer"> <a> copyright @ 2014 project star in jar. rights reserved.<br> website , content created joshua hess <a target="blank" href="http://www.youtube.com/s28400"><u>(s28400)</u></a> </a> </div> </body> </html> css:
/*########################*/ /* general html tag rules */ /*########################*/ body { background-position:top; background-attachment:fixed; background-image: url('images/bg.jpg'); background-size: cover; } /*##############################*/ /* general template class rules */ /*##############################*/ .wrapoverall { width: 1100px; margin-left: auto; margin-right: auto; border:2px solid#ee8e08; background-image: url('images/bg5.jpg'); background-repeat: repeat-y; } .logo{ margin-top: -3px; margin-left: -3px; } .logo img { border:3px solid#ee8e08; } .moto{ margin-left: 110px; margin-top: -120px; color: #ffffff; text-shadow: 0 0 15px #cc2efa; } .footer { text-align: center; margin-top:20px; font-size:14px; color: #ffffff; width: 1100px; margin-left: auto; margin-right: auto; } .footer { color: inherit; text-decoration: none; } /*##########################*/ /* general navigation rules */ /*##########################*/ .header { height: 100px; position: relative; } .headerhome { height: 100px; padding-bottom: 90px; position: relative; } .nav_main { margin-top: 10px; margin-left:96px; background-color: #d8d8d8; } .nav_main ul { margin:0px; padding:0px; padding:5px 18px; } .nav_main ul li { margin:0px; padding:px; list-style:none; display:inline; } .nav_main ul li { margin:0px; padding:5px 18px; color:#000000; text-decoration:none; font-weight:900; font-size:17px; text-transform:normal; outline:2px solid#00000; } .nav_main ul li a:hover{ text-decoration:underline; color:#00000; background-color:#ee8e08; } /*############################*/ /* general resource formatting*/ /*############################*/ .contentresource { width:714px; margin-left: 200px; text-indent: 50px; border: 1px solid#ffffff; margin-top:30px; margin-bottom:30px; } .resourcetitle { text-align: center; margin-left:-45px; color: #ffffff; } .webtitle { color: #ffffff; } .doctitle { color: #ffffff; } .resourcelinks ul { list-style: none; margin-left:-30px; } .resourcedocs ul { list-style: none; margin-left:-30px; } .resourcelinks ul li { color:#ee8e08; } .resourcedocs ul li a{ color:#ee8e08; }
after fiddling code bit, figured out. didn't have space between border solid , color code.
this:
border: 1px solid#ffffff; needed this:
border: 1px solid #ffffff; hope helps else having same problem!
html css border outline
No comments:
Post a Comment