Hol a hiba ebben a kódban?
A hiba: A "footer" boxból csak a felső bordert jeleníti meg, és a "copyright block" boxot rögtön besorolja a footer felső bordere - és a "place" html kódok - alá.
------------------------------------------------
HTML:
<div id="footer">
<div id="footer-group">
<div id="place">
<h3>XXXXX</h3>
<ul>
<li><a href="">XXXXX</a></li>
<li><a href="">XXXXX</a></li>
<li><a href="">XXXXX</a></li>
<li><a href="">XXXXX</a></li>
</ul>
</div>
<div id="place">
<h3>XXXXX</h3>
<ul>
<li><a href="">XXXXX</a></li>
<li><a href="">XXXXX</a></li>
<li><a href="">XXXXX</a></li>
<li><a href="">XXXXX</a></li>
</ul>
</div>
<div id="place">
<h3>XXXXX</h3>
<ul>
<li>XXXXX</li>
<li>XXXXX</li>
<li>XXXXX</li>
<li>XXXXX</li>
</ul>
</div>
</div>
<div id="copyright-block">
<div id="copyright">
<a href="">XXXXXXXXXXXX | XXXXXXXXXXXX | XXXXXXXXXXXXXXXXXXX
</div>
</div>
</div>
--------------
CSS:
--------------------------
#footer{
width:100%;
background-color: #666 ;
background-image: url('../images/bg.png');
background-repeat: repeat;
border-top: 4px #d2d2d2 solid;
}
#footer-group{
width: 1000px;
margin: 0 auto;
padding: 0;
}
#place{
float:left;
padding: 15px 0px 20px 140px;
}
#place h3{
color: #0083E8;
font-size: 22px;
margin: 5px 0px;
}
#place ul li{
font-size: 12px;
list-style-type: none;
line-height: 1.5em;
}
#copyright-block{
width:100%;
border-top: 4px #d2d2d2 solid;
background-color: #666 ;
background-image: url('../images/bg.png');
background-repeat: repeat;
}
#copyright{
width: 1000px;
font-size: 12px;
margin: 0 auto;
padding: 10px 0px 10px 300px;
}
<div id="copyright">
<a href="">XXXXXX | XXXXXX | XXXXXX
</div>
hiányzik egy </a>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!