Autor Zpráva
Bubo123
Profil
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
mě přijde nejjednoduší tohle
Bubo123
Profil
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
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
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
Bubo123:
Snad tě to nakopne:
<div class='hornilevy'><div class='hornipravy'><div class='dolnipravy'><div class='dolnilevy'><img></div></div></div></div>
Bubo123
Profil
No spíš mě robí problém CSSko :-D. Ale díky :-))
Dranel
Profil
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
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
	#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
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
Hm, jenže to nemůžu no :-/. Takže mám smůlu.
Bubo123
Profil
.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
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
Jasné dííky. Už to fachčí :-)).

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0