Autor | Zpráva | ||
---|---|---|---|
Bubo123 Profil |
#1 · Zasláno: 17. 2. 2010, 21:01:30
Znáte někdo spolehlivý způsob jak toho docílit? Je vhodné použít ten způsob se 4 obrázky (rohy)? Děkuji
|
||
pavuk Profil |
#2 · Zasláno: 17. 2. 2010, 21:17:49 · Upravil/a: pavuk
mě přijde nejjednoduší tohle
|
||
Bubo123 Profil |
#3 · Zasláno: 17. 2. 2010, 21:22:47
Díky za reakci .. ano tak to mám u takových boxů (ve kterém je nějaký obsah).
Ale teď potřebuji mít zaoblené rohy u obrázků v článku. |
||
pavuk Profil |
#4 · Zasláno: 17. 2. 2010, 21:25:19
Pokud jsou ve stejně velkým okně, asi bych to řešil jedním obrázkem na pozadí, jinak se nejpíš <předivení> nevyhneš...
|
||
Bubo123 Profil |
#5 · Zasláno: 17. 2. 2010, 21:30:06
Mám dvě varianty velikostí, ale pokud bude redaktor líný .. tak ta velikost bude jinačí :-//. Takže předivení=čtyři růžky? :-D
|
||
Dranel Profil |
#6 · Zasláno: 18. 2. 2010, 02:38:59
Bubo123:
Snad tě to nakopne: <div class='hornilevy'><div class='hornipravy'><div class='dolnipravy'><div class='dolnilevy'><img></div></div></div></div> |
||
Bubo123 Profil |
#7 · Zasláno: 18. 2. 2010, 13:22:17
No spíš mě robí problém CSSko :-D. Ale díky :-))
|
||
Dranel Profil |
#8 · Zasláno: 19. 2. 2010, 11:10:34 · Upravil/a: Dranel
Bubo123:
V tom případě zde je (oproti předchozímu příkladu mírně upravený) HTML kód... <div class='horni-levy'><div class='horni-pravy'><div class='dolni-levy'><div class='dolni-pravy'><img></div></div></div></div> ...a zde CSS: .horni-levy { background:url('horni-levy.png') no-repeat left top; } .horni-pravy { background:url('horni-pravy.png') no-repeat right top; } .dolni-levy { background:url('dolni-levy.png') no-repeat left bottom; } .dolni-pravy { padding:5px; /* vymezení místa pro obrázky rohů; také to pak působí lépe, když je to vzdušnější */ background:url('dolni-levy.png') no-repeat right bottom; } |
||
Bubo123 Profil |
#9 · Zasláno: 19. 2. 2010, 11:35:21 · Upravil/a: Bubo123
Díky ti moc. :-)) Dám vědět jestli to nezlobilo. Zatím díky
EDIT: No tak nevím :-(( Padding mi to rozhodil tak jsem tam dal weight a height to je OK, ale je to jen pod tím obrázkem ten růžek :-((. |
||
Bubo123 Profil |
#10 · Zasláno: 19. 2. 2010, 18:17:13
#postthumb { height: 85px; width: 85px; float: left; } Ten obrázek je v divu, který má tyto vlastnosti .. tak nevím, jestli to nějak neovlivňuje. |
||
Plaváček Profil |
#11 · Zasláno: 19. 2. 2010, 18:19:35
Bubo123:
Hele, tohle nikam nevede. Dodej živou ukázku, protože existuje několik různých řešení. Kupříkladu, pokud budeš mít obrázky o stejné velikosti, je řešení triviální. Pokud ale budou různé, je nutné trochu polaborovat. Ale bez konkrétní ukázky, čeho chceš vlastně dosáhnout, jsou ti všechny naše rady celkem k ničemu. |
||
Bubo123 Profil |
#12 · Zasláno: 19. 2. 2010, 23:27:52
Hm, jenže to nemůžu no :-/. Takže mám smůlu.
|
||
Bubo123 Profil |
#13 · Zasláno: 20. 2. 2010, 14:01:00
.cover { background : url(/rounded/obl.png) 0 0 no-repeat; position: relative; top : -125px; z-index: 5; display:block; width:315px; height:125px; } <img src="obrazek" alt="" title="" width="315 height="125"><span class="cover"></span> Tak to robím takto. Jenže po tom spanu mi tam zůstává místo :-/. Japato? :-)) Díky |
||
Keeehi Profil |
#14 · Zasláno: 20. 2. 2010, 14:06:22
Bubo123:
Když něco pozicuješ s position:relative, tak se to jenom posune, avšak na původním místě zůstává díra, jakou by tam to co pozicuješ vytvořilo. Aby tam tato mezera nebyla, musel by jsi použít position:absolute. |
||
Bubo123 Profil |
#15 · Zasláno: 20. 2. 2010, 20:38:26
Jasné dííky. Už to fachčí :-)).
|
||
Časová prodleva: 14 let
|
0