| Autor | Zpráva | ||
|---|---|---|---|
| Trul Profil * |
#1 · Zasláno: 2. 12. 2013, 19:35:51
Zdravím,
mám css a v něm nastavenou šířku 20%. Jenže potřebuji, aby výška byla stejná (jedná se o kruhový obrázek, který má šířku podle okna a výška by měla být stejná) Kód (není můj): .img-circular{
width: 20%;
height: ???;
background-image: url('xxx');
background-size: cover;
display: block;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
}Děkuji |
||
| Chamurappi Profil |
#2 · Zasláno: 2. 12. 2013, 20:48:25
Reaguji na Trula:
Ptáš se, co dát za height? Nulu.
A následně přidat padding-bottom: 100%;, protože procentuální padding se počítá vždy z šířky.
|
||
| Trul Profil * |
#3 · Zasláno: 2. 12. 2013, 21:26:32 · Upravil/a: Trul
Díky moc
A ještě jeden OT dotaz. Ten obrázek zobrazím přes <div class="img-circular"></div> ale jak může zároveň odkazovat? Obalení toho divu <a href> nefunguje |
||
| ed11 Profil |
Trul:
Vložíš mezi <div> a </div> <a href="url_odkazu.html" title="">text odkazu</a>
stylopis pak bude: a {
display: block;
text-indent: -9999px;
}****** Pokud má rodič přesné rozměry, je lepší je dát i k odkazu. |
||
| Chamurappi Profil |
#5 · Zasláno: 2. 12. 2013, 21:36:27
Reaguji na Trula:
„ale jak může zároveň odkazovat?“ Místo <div>u použij rovnou <a>. Uvedený styl bude fungovat i na odkaz.
Reaguji na ed11: Myslím, že by tvůj odkaz nepokrýval na výšku celou plochu <div>u.
Proč ten text-indent? O textu odkazu nebyla řeč.
|
||
| ed11 Profil |
#6 · Zasláno: 2. 12. 2013, 21:46:12
Chamurappi
Omlouvám se, zapomněl jsem width: 100%; height: 100%; Text by byl vhodný v případě důležitého odkazu, což asi taky není.. Takže vše zpět. Tvoje řešení je samozřejmě správné.
|
||
| Trul Profil * |
#7 · Zasláno: 2. 12. 2013, 21:51:34
Díky hoši
|
||
|
Časová prodleva: 10 let
|
|||
0