Diven belüli tartalmakat hogy lehet egymástó kicsit távolabb helyezni?
válasza:Ezek a képek egy divben vannak, a div középre van helyezve a margin: 0px auto-val.
Így a margin-left már nem hat rájuk sajnos.
válasza:Majdnem jó volt. De sikerült.
Annyi a lényeg hogy van a szülő div...
Na inkább bemásolom:
<!DOCTYPE html>
<html>
<head>
<title>kepek</title>
<style>
.kepek{
width: 1050px;
height: 200px;
margin: 0px auto;
}
.kep1{
width: 350px;
float: left;
}
.kep2{
width: 350px;
float: left;
}
.kep3{
width: 350px;
float: left;
}
</style>
</head>
<body>
<div class="kepek">
<div class="kep1">
<img src="kep.jpg" alt="kep"/>
</div>
<div class="kep2">
<img src="kep.jpg" alt="kep"/>
</div>
<div class="kep3">
<img src="kep.jpg" alt="kep"/>
</div>
</div>
</body>
</html>
Így már egymás mellé kerülnek, középre, és igazítani is lehet a belső diveket a width(szélesség) állításával.
válasza:Az osztálykiválasztó (.) azért van, hogy több elemmel tudj felruházni ugyanazzal a tulajdonsággal. Ennek:
.kep1{
width: 350px;
float: left;
}
.kep2{
width: 350px;
float: left;
}
.kep3{
width: 350px;
float: left;
}
A világon semmi értelme.
Értelme ennek van:
.kep
{
width: 350px;
float: left;
}
<div class="kep" id="kep1">
<img src="kep.jpg" alt="kep"/>
</div>
<div class="kep" id="kep2">
<img src="kep.jpg" alt="kep"/>
</div>
<div class="kep" id="kep3">
<img src="kep.jpg" alt="kep"/>
</div>
Ha nem kell, hogy legyen egyedi azonosítójuk, akkor az id attribútomot el is hagyhatod.
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!