Miért nem működik? (div)
Csináltam egy div-et. És írtam bele a szöveget azt megjelenítette de amikor képre hivatkoztam bele akkor nem a div-be jelenítette meg? Hanem alatta
Mi lehett a hiba?
válasza:kód nélkül csak találgatni lehet. :S
talán a diven kívül írtad...
<html>
<head>
<style type="text/css">
body{ background-position: top;
background-repeat:no-repeat;
background-image:url('lcdtv.jpg');
background-color:black;}
img { position:absolute;
right: 310px;
top: 508px;}
#doboz1 {width: 30px;
height: 30px;
position:absolute;
right: 310px;
top: 508px;
border: 0px solid black;}
#doboz2 {width: 877px;
height: 430px;
background-color:grey;
position:absolute;
right: 206px;
top: 55px;}
#footer {width: 499px;
height: 10px;
background-color:white;
position:absolute;
right: 395px;
top: 476px;}
#left {width: 189px;
height: 430px;
background-color:white;
position:absolute;
right: 206px;
top: 56px;}
#right {width: 189px;
height: 430px;
background-color:white;
position:absolute;
right: 892px;
top: 56px;}
#center {width: 499px;
height: 420px;
background-color:white;
position:absolute;
right: 394px;
top: 56px;}
#szoveg {position:absolute;
left: 50px;
top: 50 px;}
</style>
<title>Serházzugi Holt Tisza</title>
</head
<body>
<img src="poweron.jpg" />
<div id="doboz1" onmouseover="this.style.cursor='pointer';" onclick="window.location.href='tv.html'" onmouseout="this.style.background-image:url('lcdtv.jpg')">
</div>
<div id="footer">
<center><h6>2010 Copyright <a href="mailto:szabo.dani2@gmail.com">Szabó Dániel</a></h6></center>
</div>
<div id="left">
<div id="szoveg">
Sport Egyesületek:
<a href="http://csvse.bplaced.net" target="blank" ><img src="csvse.jpg" width="50px" height="50px"/></a></br>
<a href="http://www.csongradikajak.hu" target="blank" ><img src="csk.jpg" width="50px" height="50px"/></a>
</div>
</div>
<div id="right">
</div>
<div id="center">
</div>
</body>
</html>
válasza: válasza: válasza:és mi benne a rossz?
Ha elmondnátok nagyon örülnék neki még is így tanul az ember
válasza: válasza:Na, kicsit szétszedtem a kódot, és már rájöttem hogy mi a problémád. Szóval, te megadtál egy ilyet:
img {
position:absolute;
right: 310px;
top: 508px;
}
Magyarul az ÖSSZES img föntről 508, jobbról 310 pixelre kéne lennie...Szóval ha az összes IMG-nek meg van adva ez a pozíció, akkor ezért ugranak ki ezek a képek a dobozából:
Sport Egyesületek:
<a href="http://csvse.bplaced.net" target="blank" ><img src="csvse.jpg" width="50px" height="50px"/></a></br>
<a href="http://www.csongradikajak.hu" target="blank" ><img src="csk.jpg" width="50px" height="50px"/></a>
Magyarul, gondolom ez az IMG pozíciónálás a <img src="poweron.jpg" /> lett volna érvényes. Ennek inkább adj egy Class-t: <img src="poweron.jpg" class="kep" /> CSS-ben meg az IMG címke helyett add meg hogy:
.kep {
position:absolute;
right: 310px;
top: 508px;
}
így a többi képet nem bántja.
De, továbbra is azt gondolom, hogy túlzottan sok benne a position: absolute; és a sok top, right, left stb...Mondom, ezek helyett inkább a margin-okkal kéne ügyeskedni.
Egy kis okítás a margin-okról:
http://www.w3schools.com/css/css_margin.asp
http://www.theorphys.elte.hu/fizinf/HaloAdat/tananyag/css/05.html
Remélem segítettem.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, 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!