weird black dot under menu, It shows this weird dot under my menu which is probably an error in my |
weird black dot under menu, It shows this weird dot under my menu which is probably an error in my |
ITouchYou |
Feb 6 2012, 02:40 PM
Post
#1
|
Group: Members Posts: 6 Joined: 6-February 12 Member No.: 16,411 |
It shows this weird dot under my menu which is probably an error in my code, which probably screws up a lot on my website
if i check my code (both html and css) through a validator it validates perfect but as you can see on the screen: there is a black dot and if i could zoom out you can see that the background of my nav bar is repeating itself after each paragraph and images this is really driving me crazy and i would love anyone who can help me with this Thanks in advance, ITouchYou ps if you need my code i can post it here, i'm new so i don't know exactly how everything works |
ITouchYou |
Feb 6 2012, 03:22 PM
Post
#2
|
Group: Members Posts: 6 Joined: 6-February 12 Member No.: 16,411 |
Ok so apparently i fixed the little black dot. My content:"."; was the devil
but i still have the problem of the repeating background. it repeats itself everything horizontal, but turned with a 90 degree angle so from left to right please help me |
pandy |
Feb 6 2012, 05:56 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,716 Joined: 9-August 06 Member No.: 6 |
Do you have a URL to go with that?
|
ITouchYou |
Feb 7 2012, 08:10 AM
Post
#4
|
Group: Members Posts: 6 Joined: 6-February 12 Member No.: 16,411 |
I'ts a project for school. It's not a published website, but i could give you the html and css?
|
Frederiek |
Feb 7 2012, 09:10 AM
Post
#5
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Sure.
Or, zip everything and attach that in your post, for us to download. Also, pass your HTML code through the validator (links on this page) and check the CSS at http://jigsaw.w3.org/css-validator/ . |
ITouchYou |
Feb 7 2012, 09:16 AM
Post
#6
|
Group: Members Posts: 6 Joined: 6-February 12 Member No.: 16,411 |
html:(just of the index)
CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" type="image/x-icon" href="../arsenal logo.ico"/> <link href="css_arsenal.css" rel="stylesheet" type="text/css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> <title>Arsenal Fansite</title> </head> <body> <div id="bg"> <div class="banner"><a href="index2.html"><img id="banner" src="arsenal-banner2.png" border="0" alt="Arsenal fansite banner"/></a></div> <div id="menu" class="box"> <ul> <li><a href="index2.html">Home</a></li> <li><a href="Squad.html">Squad</a></li> <li><a href="Statistics.html">Fixtures & Statistics</a></li> <li><a href="History.html">History</a></li> <li><a href="Articles.html">Articles</a></li> <li><a href="Contact.html">Contact</a></li> </ul> </div> <div> <h2>Welcome to the Arsenal Fansite!</h2> <p>On this website you will find all the info and latest updates regarding Arsenal FC.</p> <div id="leftside"> <h2>Latest Arsenal news</h2> <p class="articles"><a href="article1.html" title="A mistake in Arsenal his development?">A mistake in his Arsenal development?</a></p> <div><a href="article1.html"><img class="imgpreview" src="CstyrtjaZ.jpg" border="0" align="left" alt="A mistake in his Arsenal development?" title="A mistake in his Arsenal development?"/></a></div> <div class="preview">Arsenal manager Arsene Wenger has seen his reputation as a nurturer of talent attract some of the brightest prospects in football to his club.</div> <span class="preview"><a href="article1.html"> Read more...</a></span> <p class="articles"><a href="article2.html" title="New hope at the Emirates stadium?">New hope at the Emirates stadium?</a></p> <div><a href="article2.html"><img class="imgpreview" src="DGBXbQVWW.jpg" border="0" align="left" alt="New hope at the Emirates stadium?" title="New hope at the Emirates stadium?"/></a></div> <div class="preview">This morning the manager of Arsenal FC arrived at the Emirates stadium with some good news about the future of Arsenal.</div> <div class="preview"><a href="article2.html">Read more...</a></div> <p class="articles"><a href="article3.html" title="Any real cause for concern in January?">Any real cause for concern in January?</a></p> <div><a href="article3.html"><img class="imgpreview" src="ZOgtPMKIl.jpg" border="0" align="left" alt="New hope at the Emirates stadium?" title="New hope at the Emirates stadium?"/></a></div> <div class="preview">The African Cup of Nations is coming up again and we'll lose some of our players, but how will this affect the premier league?.</div> <div class="preview"><a href="article3.html">Read more...</a></div> <p class="articles"><a href="#" title="ajfnaljfnajfang">ajfnaljfnajfang</a></p> <div><a href="#"><img class="imgpreview" src="DGBXbQVWW.jpg" border="0" align="left" alt="New hope at the Emirates stadium?" title="New hope at the Emirates stadium?"/></a></div> <div class="preview">Lorem ipsum dolor sit amet, bonorum nusquam referrentur ad vix, an usu eirmod vivendum deseruisse.</div> <div class="preview"><a href="#">Read more...</a></div> <p class="articles"><a href="#" title="ajfnaljfnajfang">ajfnaljfnajfang</a></p> <div><a href="#"><img class="imgpreview" src="DGBXbQVWW.jpg" border="0" align="left" alt="New hope at the Emirates stadium?" title="New hope at the Emirates stadium?"/></a></div> <div class="preview">Lorem ipsum dolor sit amet, bonorum nusquam referrentur ad vix, an usu eirmod vivendum deseruisse.</div> <div class="preview"><a href="#">Read more...</a></div> <p class="articles"><a href="#" title="ajfnaljfnajfang">ajfnaljfnajfang</a></p> <div><a href="#"><img class="imgpreview" src="DGBXbQVWW.jpg" border="0" align="left" alt="New hope at the Emirates stadium?" title="New hope at the Emirates stadium?"/></a></div> <div class="preview">Lorem ipsum dolor sit amet, bonorum nusquam referrentur ad vix, an usu eirmod vivendum deseruisse.</div> <div class="preview"><a href="#">Read more...</a></div> <p class="articles"><a href="#" title="ARSENAL">Arsenal</a></p> <div><a href="#"><img class="imgpreview" src="DGBXbQVWW.jpg" border="0" align="left" alt="New hope at the Emirates stadium?" title="New hope at the Emirates stadium?"/></a></div> <div class="preview">Lorem ipsum dolor sit amet, bonorum nusquam referrentur ad vix, an usu eirmod vivendum deseruisse.</div> <div class="preview"><a href="#">Read more...</a></div> </div> <div id="rightside"> <h2>Latest results</h2> <div id="latestresults">Stoke city<br /> 0-3<br /> Arsenal </div> </div> <p id="copyright">© 2012. <a href="index2.html" title="Arsenal fansite">Arsenal fansite</a>. All rights reserved. <span id="demo"></span></p> </div> </div> <p align="center"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" border="0"/> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </p> <div align="center"><img src="rvlogo.png" alt="Reveal Visuals" /></div> <script type="text/javascript"> document.getElementById("demo") .innerHTML=Date(); </script> </body> </html> css: CODE @charset "utf-8"; /* CSS Document */ a{ text-decoration:none; } .arsenal{ font-weight:bold; } .articles{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; } .articles a{ color:#069; text-decoration:none; } .articles a:hover{ color:#000; } .articlestory{ margin-right:30px; } .articlepicture{ float:right; margin:4px; padding:0px; } .articletitle{ font-family:Georgia, "Times New Roman", Times, serif; line-height:1.3em; } .banner{ background-color:#7C0000; margin-bottom:5px; padding:0px; } #bg{ background-color:#FFF; margin:auto; margin-top:50px; padding-bottom:10px; padding-left:20px; padding-right:20px; padding-top:10px; width:800px; } body{ background-image:url(background.jpg); color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; } .box { min-height:1px; } .box:after { clear:both; content:" "; display:block; line-height:0; } #contactborder{ border-style:solid; border-color:#F1F1F1; border-width:3px; } .countryflag{ margin-right:4px; } div{ line-height:140%; display:block; } .floatr{ float:right; padding-left:15px; } #h1{ color:#FFF; text-align:center; } h4.title{ background-color:#F2F2F2; border-bottom-style:solid; border-bottom-color:#DDD; border-top-style:solid; border-top-color:#CCC; border-width:1px; color:#A00; padding:0px; font-weight:bold; font-size:13px; height:17px; width:600px; } .titlewidth{ width:618px; } .squadwidth{ width:318px; } .squadtitle{ background-color:#F2F2F2; border-bottom-style:solid; border-bottom-color:#DDD; border-top-style:solid; border-top-color:#CCC; border-width:1px; color:#A00; font-weight:bold; font-size:11px; padding:0px; margin:0px; height:17px; width:300px; } .squadimage{ margin-bottom:15px; } .h4left{ background-image:url(h4-left.gif); background-repeat:no-repeat; background-position:left; float:left; width:9px; height:19px; } .h4right{ background-image:url(h4-right.gif); background-repeat:no-repeat; background-position:right; float:right; width:9px; height:19px; } img.center{ margin-left:100px; margin-right:100px; } img.post{ display:block; margin-left:auto; margin-right:auto; text-align:center; } .imgpreview{ margin-right:10px; } #latestresults{ color:#A00; padding:0px; } #leftside{ float:left; width:400px; padding-right:20px; border-right-style:solid; border-right-color:#EFEFEF; border-right-width:1px; } #titlespace{ margin-top:20px; } #menu{ background:url(nav.gif) 100% 0 repeat-x; } #menu ul{ list-style:none; margin-left:-40px; margin-top:-10px; } #menu ul li{ display:inline; list-style:none; } #menu ul li a{ background:url(nav-separator.gif) 100% 0 repeat-y; border-bottom:2px; border-bottom-color:#000; border-bottom-style:solid; color:#000; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-top:10px; padding:10px; text-decoration:none; } #menu ul li a:hover{ border-bottom:2px; border-bottom-style:solid; border-bottom-color:#000; text-decoration:underline; } p#copyright { background-color:#000; clear:both; color:#999; margin:0px; margin-top:20px; padding:15px; } p#copyright a{ color:#fff; text-decoration:none; } .preview{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; width:300px; } .preview a{ color:#069; text-decoration:none; } .preview a:hover{ color:#000000; } #rightside{ float:left; padding:0px; padding-left:15px; } #rvlogo{ float:right; margin-right:480px; } table tr{ display:table-row; vertical-align:inherit; } table{ width:600px; } table tr th{ border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCC; color:#CC0000; text-align:left; font-style:normal; font-size:13px; } table tr td{ border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCC; text-align:left; font-style:normal; } .textareamargin{ margin-bottom:10px; } ul.squadmembers{ padding-right:5px; } #warning{ color:#CC0000; } i've checked it with the validator, but everything validates Also while you're at it can u look at a small other problem i have. it's really weird, at the bottom of my page i have this copyright thing, and when i go to the home page it has this large top padding space, but on all of the other pages it displays right even though it's the exact same code it only does this in IE not in chrome or FF. I really hate IE but for my school project it needs to be perfect for IE <.< |
Frederiek |
Feb 7 2012, 09:40 AM
Post
#7
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
I don't have IE. I use Safari/Mac.
Anyway, without the images, nobody can tell what's going on with that problem of a repeating background. From the screenshot, I can't see what's wrong. Which background are you refering to and how should it behave? And since we only have the code for one page, we can't see differences at the bottom. Can't you upload somewhere online? Then maybe someone with IE can have a look and help you out. |
ITouchYou |
Feb 7 2012, 09:44 AM
Post
#8
|
Group: Members Posts: 6 Joined: 6-February 12 Member No.: 16,411 |
I think i figured the repeating background out lol <.<
Apparently it's my monitor which is fucking up because at school my teacher said that nothing was there. So i checked at home with other pages and it does it everywhere. Sorry for having to bother you with my question. For the copyright i'll make two screenshots in a sec This post has been edited by ITouchYou: Feb 7 2012, 09:44 AM |
ITouchYou |
Feb 7 2012, 09:51 AM
Post
#9
|
Group: Members Posts: 6 Joined: 6-February 12 Member No.: 16,411 |
The first picture is the one of how it should be the second one is of the homepage which looks weird here's the html for the good page CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="shortcut icon" type="image/x-icon" href="../arsenal logo.ico"/> <link href="css_arsenal.css" rel="stylesheet" type="text/css" /> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> <title>Arsenal Fansite | Squad</title> </head> <body> <div id="bg"> <div class="banner"><a href="index2.html"><img id="banner" src="arsenal-banner2.png" border="0" alt="Arsenal fansite banner"/></a></div> <div id="menu" class="box"> <ul> <li><a href="index2.html">Home</a></li> <li><a href="Squad.html">Squad</a></li> <li><a href="Statistics.html">Fixtures & Statistics</a></li> <li><a href="History.html">History</a></li> <li><a href="Articles.html">Articles</a></li> <li><a href="Contact.html">Contact</a></li> </ul> </div> <div> <h1>Squad</h1> <div class="titlewidth"> <div class="h4left"></div> <div class="h4right"></div> <h4 class="title">Squad</h4> </div> <div class="squadimage"><img src="gun__1315819814_arsenal_squad201112.jpg" alt="Arsenal Squad" title="Arsenal Squad 2011-2012" /></div> <div class="squadwidth"> <div class="h4left"></div> <div class="h4right"></div> <div class="squadtitle">Goalkeepers</div> </div> <ul class="squadmembers"> <li> <span>1</span> <span> Manuel Almunia</span> </li> <li> <span>13</span> <span>Wojciech Szczesny</span> </li> <li> <span>21</span> <span>Lukasz Fabianski</span> </li> </ul> <div class="squadwidth"> <div class="h4left"></div> <div class="h4right"></div> <div class="squadtitle">Defenders</div> </div> <ul class="squadmembers"> <li> <span>3</span> <span>Bacary Sagna</span> </li> <li> <span>4</span> <span>Per Mertesacker</span> </li> <li> <span>5</span> <span>Thomas Vermaelen</span> </li> <li> <span>6</span> <span>Laurent Koscielny</span> </li> <li> <span>11</span> <span>Andre Santos</span> </li> <li> <span>18</span> <span>Sebastien Squillaci</span> </li> <li> <span>20</span> <span>Johan Djourou</span> </li> <li> <span>25</span> <span>Carl Jenkinson</span> </li> <li> <span>28</span> <span>Kieran Gibbs</span> </li> </ul> <div class="squadwidth"> <div class="h4left"></div> <div class="h4right"></div> <div class="squadtitle">Midfielders</div> </div> <ul class="squadmembers"> <li> <span>2</span> <span>Abou Diaby</span> </li> <li> <span>7</span> <span>Thomas Rosicky</span> </li> <li> <span>8</span> <span>Mikel Arteta</span> </li> <li> <span>16</span> <span>Aaron Ramsey</span> </li> <li> <span>17</span> <span>Alex Song</span> </li> <li> <span>19</span> <span>Jack Wilshere</span> </li> <li> <span>23</span> <span>Andrey Arshavin</span> </li> <li> <span>30</span> <span>Yossi Benayoun</span> </li> <li> <span>39</span> <span>Francis Coquelin</span> </li> </ul> <div class="squadwidth"> <div class="h4left"></div> <div class="h4right"></div> <div class="squadtitle">Strikers</div> </div> <ul class="squadmembers"> <li> <span>9</span> <span>Ju-Young Park</span> </li> <li> <span>10</span> <span>Robin van Persie</span> </li> <li> <span>12</span> <span>Thierry Henry</span> </li> <li> <span>14</span> <span>Theo Walcott</span> </li> <li> <span>15</span> <span>Alex Oxlade-Chamberlain</span> </li> <li> <span>27</span> <span>Gervinho</span> </li> <li> <span>29</span> <span>Marouane Chamakh</span> </li> </ul> <p id="copyright">© 2012. <a href="index2.html" title="Arsenal fansite">Arsenal fansite</a>. All rights reserved. <span id="demo"></span></p> </div> </div> <p align="center"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" border="0"/> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </p> <div align="center"><img src="rvlogo.png" alt="Reveal Visuals" /></div> <script type="text/javascript"> document.getElementById("demo") .innerHTML=Date(); </script> </body> </html> This post has been edited by ITouchYou: Feb 7 2012, 09:57 AM |
Lo-Fi Version | Time is now: 19th March 2024 - 02:00 AM |