re: Css3
Agyaltam kicsit és azt kérdezném, miért nem adod egyszerűen a tartalmazó <a> tagnak is a kerekített sarkokat a paddinggal? Így nem kéne kompromisszumot kötnöd.
Kód:a { border:1px solid white; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; display:block; padding: 5px; }
re: Css3
Kipróbáltam, de a probléma továbbra is fenn állPHP kód:img, a {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
Arni
re: Css3
Ez így tényleg nem lehet jó.djarni eredeti hozzászólása
Kipróbáltam, de a probléma továbbra is fenn áll
A lényeges pont, hogy az <a> tagot blokként jelenítsd meg, csak annak adj paddingot és keretet, a képnek pedig ne. Így a kép is lekerekedik szépen és a keret is megfelelően látszik majd a horgony tag miatt.
A csatolt képen a fenti módon készült megoldás látható Chrome-ból van kifotózva.
Utoljára módosítva: Hargitai Dávid által : 2011-10-01 10:01
re: Css3
Levettem a képről a bordert meg a szegélyt és át raktam az "a" elemre. Így gondoltad?PHP kód:.galleria a img {
border:1px solid #e5e5e5;
padding:3px;
}
.galleria img {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px; }
Az eredmény ugyanaz, a képet nem kerekíti le. Próbáltam úgy is, hogy az "a img"-re rakom a rádiuszt, de az sem. Innentől kezdve már lövésem sincs. De ha többet tudsz mondani az oldal megmutatásával, akkor privátban megmutatom
Arni
Prémium Linképítés - sikerek, kockázatok nélkül - Valódi értékek 10 éve.
re: Css3
Egész pontosan így gondoltam:
A méreteket persze át kell írni. Ha így sem megy nálad, akkor írj privátot!PHP kód:.galleria a {
border:1px solid white;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
display:block;
padding: 5px;
width:320px;
height:158px;
}
.galleria a img {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:0;
}
Válaszol idézettel
Könyvjelzők