Autor | Zpráva | ||
---|---|---|---|
Kvetoslav Profil * |
#1 · Zasláno: 2. 8. 2010, 20:54:19
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 |
#2 · Zasláno: 2. 8. 2010, 21:00:00
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> |
||
Kvetoslav Profil * |
#3 · Zasláno: 2. 8. 2010, 21:15:58
zkusim, ztm diky.
|
||
Kvetoslav Profil * |
#4 · Zasláno: 2. 8. 2010, 21:29:39
hm, ramecek se rozhodne nezobrazi. fotka se akorat nejak natahne, ale okraj nema, natoz ten, ktery jsem si stahl.. (Rounded corners)
|
||
Davex Profil |
#5 · Zasláno: 2. 8. 2010, 21:34:52 · Upravil/a: Davex
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 * |
#6 · Zasláno: 2. 8. 2010, 21:37:51
parada, diky moc. uz to konecne funguje.
|
||
Kvetoslav Profil * |
#7 · Zasláno: 2. 8. 2010, 21:40:20
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 |
#8 · Zasláno: 2. 8. 2010, 21:46:13
Působnost stačí omezit kontextovou deklarací
#gallery img { …
|
||
Časová prodleva: 14 let
|
0