Autor Zpráva
Kvetoslav
Profil *
Dobry den,

chtel jsem si na strance kolem obrazku vytvorit nejake zajimave okraje.. par "stylu" jsem nasel zde: http://www.lrbabe.com/sdoms/borderImage/ ,jenomze absolutne nevim jak je zprovoznit.

kod vypada asi takhle.. (pro html):

<div id="gallery">
<a href="neco.jpg"><img src="neco.jpg" alt="neco"></a>
</div>

pro css:
#gallery {

border-image: url(../images/roundedCorner.png) 20;

}

jaky tag, class nebo co musim pridat k img ,aby se mi ten ramecek kolem daneho obrazku zobrazil?? obrazek ma rozmery 200px×150px

dekuji mnohokrat.
ondra15
Profil
Kvetoslav:
<a href="neco.jpg"><img src="neco.jpg" alt="neco"></a>
uprav na:
<a href="neco.jpg"><img src="neco.jpg" id="gallery" alt="neco"></a>
A za url smaž to číslo 20, to je podle mě nesmysl.
Kvetoslav
Profil *
zkusim, ztm diky.
Kvetoslav
Profil *
hm, ramecek se rozhodne nezobrazi. fotka se akorat nejak natahne, ale okraj nema, natoz ten, ktery jsem si stahl.. (Rounded corners)
Davex
Profil
Funguje to pouze ve Firefoxu, Chrome a Opeře.
img {
  border-width: 20px;
  -moz-border-image: url("../images/roundedCorner.png") 20;
  -webkit-border-image: url("../images/roundedCorner.png") 20;
  border-image: url("../images/roundedCorner.png") 20;
}
Kvetoslav
Profil *
parada, diky moc. uz to konecne funguje.
Kvetoslav
Profil *
ale jeste takova malickost.. pridal jsem si tedy do sveho css to co jste mi postnul, ale pridalo mi to ten ramecek na vsechny obrazky co mam na webu. jak to omezit pouze tam, kde to chci??
Davex
Profil
Působnost stačí omezit kontextovou deklarací #gallery img { …

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0