Sziasztok!
Van egy divem amiben van 3 kép!
Na ezt a 3 képet szeretném egységesen elosztani a divben(vízszintesen).Ez hogyan lehetséges?
forráskód részlet:
Majd linkelni is fognak de egyelőre ezt kellene megcsinálni.
Köszi a segítséget!
Üdv
- 1143 megtekintés
Hozzászólások
#button
{
width: 800px;
}
#button > img
{
width: 200px;
margin-left:auto;
margin-right:auto;
}
?
- A hozzászóláshoz be kell jelentkezni
SZia!
Ezzel sem sikerül.
igazából az kellene hogy :
egy diven belül 3 img lenne és ezeket kellene szépen elosztani a sorban.
(auto margin nem megy :-()
ÜDv
Köszi a segítséget
- A hozzászóláshoz be kell jelentkezni
#button
{
width: 800px;
}
#button img
{
width: 200px;
padding: 0px 33px;
}
és így?
- A hozzászóláshoz be kell jelentkezni
Üdv!
Remélem jól értem...
Esetleg egy ilyen megoldás?
div#button {width: 180px; height: 30px; border: 1px solid #999999; text-align: center}
div#button img {margin: 1px 8px; padding: 2px 8px; width: auto; height: 24px}
A margin/padding értékekkel igazítgathatsz rajta, de vigyázz, mert böngészőnként eltérő lehet kissé a kinézet!
Napközben csak idetéved valaki, aki ért is hozzá! :)
HAli!
Ne feledd, most kezdődik életed hátralévő része!
- A hozzászóláshoz be kell jelentkezni
Én sem biztos, hogy jól értem az "egységesen elosztani", "szépen elosztani" kritériumokat, de érdemes a képek méretét nem pixelben, hanem százalékban megadni, hogy mindig a szülőelem méretéhez igazodjon a kép szélessége. Például:
img {
width: 33%;
…}
Ez esetenként használhatóbb, mint a fix méret, mert nagyításkor, kicsinyítéskor is liquid eredményt kapsz.
- A hozzászóláshoz be kell jelentkezni
Hali!
Nagy szakértelmem nincs css-ben, de kicsit foglalkoztam vele 2 hete egy weblap elkészítése miatt...
Szóval display: block;
Ezt szerintem mindenképpen közölni kéne vele, mert inline-nak nézi majd.
De egyébként szerintem 3 divet kéne létrehozni, 0 marginnal, paddinggal, nomeg ezt a 3 divet még egy "mégnagyobb divbe" kéne ágyazni...
Ha nagyon rosszul értelmeztem, akkor sorry, ez esetben hagyjátok figylmen kívül hozzászólásomat.
Azért remélem tudtam segíteni... :)
---
OS: Fedora 15
- A hozzászóláshoz be kell jelentkezni
Az alábbi műxik is, csak a képek nagyobbak lesznek az eredeti méretüknél. De ha pont ezt akarod akkor aköv kód tuti jó.
main.css:
#button {
display: block;
align: justify;
}
img {width:33%;}
index.html:
---
OS: Fedora 15
- A hozzászóláshoz be kell jelentkezni