CSS
Re: CSS
Takto?
http://jsfiddle.net/cck4yc0g/1/
Ten display: block je tam zbytocny.
Kód: Vybrať všetko
a {
display: block;
float: left;
clear: both;
}Ten display: block je tam zbytocny.
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
Re: CSS
float je lepšie nepoužívať kým netreba. Ak k tým linkom dá ešte text, tak už to bude mať rozhodené: http://jsfiddle.net/cck4yc0g/2/
radšej by som odporučil použiť niečo úplne iné, najprv sa zamyslieť prečo ten block požaduješ keď ho potom chceš manipulovať aby sa správal inak
radšej by som odporučil použiť niečo úplne iné, najprv sa zamyslieť prečo ten block požaduješ keď ho potom chceš manipulovať aby sa správal inak
Re: CSS
Kód: Vybrať všetko
http://pavolgaspar.sk/first/social_networks.html
potrebujem tie odkazy na FB Twitter atd .. urobit z nich btn aby boli pod sebou a aby bol kazdy tak siroky aky je dlhy nazov "Facebook, Twitter..."
Re: CSS
No ja som myslel ze to musis spravit v CSSku a nemozes si dovolit zmenit HTML.
Zapis to takto:
LI sa sprava ako display: block ale A tag je uz klasicky inline takže to mas pod sebou a zaroven ich sirka sa rovna obsahu.
http://jsfiddle.net/cck4yc0g/3/
Ak by si ale chcel nastavit na A tag padding, margin alebo width a height tak mu musis nastavit display: inline-block
Zapis to takto:
Kód: Vybrať všetko
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Youtube</a></li>
</ul>
http://jsfiddle.net/cck4yc0g/3/
Ak by si ale chcel nastavit na A tag padding, margin alebo width a height tak mu musis nastavit display: inline-block
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: CSS
https://jsfiddle.net/2d37voyb/
No pre to co robis ty bud UL a LI, alebo pouzit stary dobry <br> tag.
No pre to co robis ty bud UL a LI, alebo pouzit stary dobry <br> tag.
-
Stoporko
VIP
- Príspevky: 3989
- Registrovaný: 28 dec 2005, 14:24
- Bydlisko: Holy Land
- Kontaktovať používateľa:
Re: CSS
Sorry za hijack témy, no tiež to súvisí s .css
Momentálne mám v .css toto:
Ako obísť problémy firefoxu s umiestnením "position: relative;" ?
V nadväznosti na to:
Potrebujem dosiahnuť, aby pre firefox platilo iné "top: xxx px;"
Vygúglil som napr.
no keď to dám do .css súboru, miesto ".selector" dám príslušné ".fieldset", tak to firefox veselo ignoruje a nespraví to, čo po ňom chcem (v tomto testovaciom prípade text na limetkovo)
Dopátral som sa aj k pridaniu priamo medzi { }:
no ani v tomto prípade ohnivá líška nereaguje (nespraví daný element 600px široký).
Čo spraviť? Kde je chyba? Veľká vďaka za pomoc!
//autoeditácia príspevku (03 Okt 2015, 17:21)
Edit: vyriešené
táto syntax funguje na selektívne css pre FF 38.05 
Momentálne mám v .css toto:
Kód: Vybrať všetko
fieldset {
background: #ffffff;
border: 1px solid #cccccc;
margin-top: 10px;
margin-bottom: 32px;
padding: 0 0 10px;
position: relative;
top: 12px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 170px;
}V nadväznosti na to:
Potrebujem dosiahnuť, aby pre firefox platilo iné "top: xxx px;"
Vygúglil som napr.
Kód: Vybrať všetko
@-moz-document url-prefix() {
.selector {
color:lime;
}
}Dopátral som sa aj k pridaniu priamo medzi { }:
Kód: Vybrať všetko
[if moz] width: 600px;Čo spraviť? Kde je chyba? Veľká vďaka za pomoc!
//autoeditácia príspevku (03 Okt 2015, 17:21)
Edit: vyriešené
Kód: Vybrať všetko
@-moz-document url-prefix() {
fieldset {
top: 300px;
}
}