Miért tolja el a szöveget?
Hello. Készítek egy weboldalt, és van egy olyan problémám, hogy van 4 db DIV az oldalon, melyek a css-ben marginnal vannak középre igazítva.
Na most a 4-ből 3x lejjebbtolja a szöveget, mint ahogy kellene.
CSS kód:
div#tartalom {
width: 660px;
height: auto;
float: left;
padding: 10px;
margin: 10px;
text-align: justify;
background: rgba(0,0,0,0.4)
}
div#oldalsav {
width: 260px;
height: auto;
float: left;
padding: 10px;
margin: 10px;
text-align: justify;
background: rgba(0,0,0,0.4)
}
div#partners {
width: 960px;
height: auto;
float: left;
padding: 10px;
margin: 10px;
text-align: center;
background: rgba(0,0,0,0.4)
}
div#copyright {
width: 960px;
height: auto;
float: left;
padding: 10px;
margin: 10px;
text-align: center;
background: rgba(0,0,0,0.4);
font-size: small;
}
kép, ahogy kinéz: [link]
Köszi!
válasza:mennyit kerestél rajtam, 2ft-ot?
amúgy htmlt is posztolj, mert ez így még kevés (nekem)
válasza:A html ismerete nélkül pár megjegyzés:
A div dobozok által elfoglalt teljes területbe bele kell számolni a margin és a padding méreteit is.
Az egymás mellé kerülő div dobozokat célszerű egy befoglaló div-be tenni (position: relative;), és utána egy clear:both tulajdonságú div-et is betenni.
Mielőtt nekikezdesz a sitebuild kivitelezésnek, papíron célszerű megrajzolni (wireframe), mi/mibe/hova kerüljön. Jobban átlátod, és ellenőrizni is könnyebb hogy hol a hiba.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Kezdőlap | Jack Mortmain</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="style.css" rel="stylesheet" type="text/css"/>
<link rel="shortcut icon" href="" type="image/png"/>
<link rel="icon" href="" type="image/png"/>
</head>
<body>
</body>
<div id="container">
<div id="fejlec">
<img alt="" src="css/jm.png" />
</div>
<div id="menu">
<?php include ("menu.php") ?>
</div>
<div id="tartalom">
<div id="felirat">
Kezdőlap
</div>
</div>
<div id="oldalsav">
<?php include ("oldalsav.php") ?>
</div>
<div id="partners">
<?php include ("partners.php") ?>
</div>
<div id="copyright">
<?php include ("copyright.php") ?>
</div>
<div class="clear"></div>
</div>
</html>
válasza: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!