The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> weird black dot under menu, It shows this weird dot under my menu which is probably an error in my
ITouchYou
post 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:

IPB Image

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 sad.gif

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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ITouchYou
post 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 tongue.gif

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 sad.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post 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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ITouchYou
post 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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post 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/ .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ITouchYou
post 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 &amp; 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">&copy; 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 sad.gif

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 <.<
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ITouchYou
post 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 smile.gif

This post has been edited by ITouchYou: Feb 7 2012, 09:44 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ITouchYou
post Feb 7 2012, 09:51 AM
Post #9





Group: Members
Posts: 6
Joined: 6-February 12
Member No.: 16,411



IPB ImageIPB Image

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 &amp; 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">&copy; 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 02:00 AM