Autor Zpráva
Gostra
Profil *
Ahoj, chtěl bych na svůj web dát okraje, třeba zakulacené jako je na www.fantik.cz
Gostra
Profil *
teda www.fantik.cz
Kcko
Profil
Možností je spousty. Zvlášt u tohoto webu je to však zajímavé. Prozkoumej zdroják.
Gostra
Profil *
Z toho zdrojáku toho moc nepoznám.Jsem spíš začátečník.
panther
Profil
Gostra:
je to obrázek, např. v menu je na pozadí první položky tento obrázek.
Gostra
Profil *
a neexistuje na to nějakej CSS kod ?
panther
Profil
Gostra:
ne. V současné době není podpora CSS3 dostatečná.
Kcko
Profil
Gostra:
CSS kód máš na uvedeném webu. Z toho to krásně zkopíruješ, co chceš víc?

Jsem spíš začátečník
To je každý kdo začíná.
l564
Profil
Reaguji na Gostra
CSS :
border-radius: 80px;

Místo 80px si nastavíš pixely zakulacení ale za tím ten středník nemaž si ho
Je to css3

Jinak jsem k tomu použil jednoduchý generátor na webových stránkách http://border-radius.com/
A pak si tam odškrtni to WebKit a Gecko a nech si tam jen CSS3
panther
Profil
l564:
tenhle způsob nebude fungovat v IE. Proč něco dělat složitě a nefunkčně, když to jde jednoduše a funkčně, že?
l564
Profil
panther:
CSS Rounded Corners In All Browsers (With No Images)
panther
Profil
l564:
samozřejmě, proč nepřilinkovat další JS soubor, který je úplně zbytečný.

Příště alespoň uváděj kompetní řešení včetně nevýhod, které přináší. A ne jen část, která sice vypadá elegantně, ale je sama o sobě nefunkční.
Gostra
Profil *
Takže nemám používat border-radius: 80px; .....
Ale ten obrázek nevim jak a kam vložit....
panther
Profil
Gostra:
Ale ten obrázek nevim jak a kam vložit....
k tomu elemetu, u kterého chceš mít kulaté rohy - pomocí CSS vlastnosti background. V uvedeném příkladu je obrázek, který jsem odkazoval, na první položce menu. Budeš-li chtít kulaté rohy třeba na spodku stránky, dáš je k patičce.
l564
Profil
Gostra:
CSS
 body {background:url(moje_sexy_zena.jpg) no-repeat } 
Kcko
Profil
Velmi snadné rešení http://css3pie.com/
margin
Profil *
l564:
A pak si tam odškrtni to WebKit a Gecko a nech si tam jen CSS3
Přesně tak, uživatelé IE a Firefoxu si kulaté rohy nezaslouží ;-)
Bacha smailík, kterým naznačuji, jak kvalitní radu jsi dal.
Gostra
Profil *
takže jestli to chápu dobře mám to dát takhle:

div.footer {
clear: both;
display: block;
width: 750px;
height: 20px;
background: #000;
body {background:url(ten_obrázek.gif) no-repeat }
}
panther
Profil
Gostra:
takže jestli to chápu dobře mám to dát takhle:
ne.

div.footer {
clear: both;
display: block; /* tahle deklarace je zbytečná, div je blokový od přírody */
width: 750px;
height: 20px;
background: #000 url(ten_obrázek.gif) no-repeat ;
}
Více na stránce o backgroundu (sdružená CSS vlastnost), konkrétně část background-image, chtěl-li bys zapsat obrázek samostatně.
Gostra
Profil *
Já sem na to asi uplně levej , pořád mi to nejde :DD
Gostra
Profil *
Nebo tam asi nemám dávat ten obrázek co si tam nahoře ukázal co ??
panther
Profil
Gostra:
v CSS tebou odkázané stránky je (a příště tam nakoukni sám):

.rs_left_top {background: url('/img/_macek1/bg-rs-left-top.gif') no-repeat 0% 0%;}
a v HTML je
<ul>
   <li class="rs_left_top">

Tenhle kód se vztahuje ke kulatému rohu v levém menu, to je ten modrý růžek.
Gostra
Profil *
Tak sem teď docílil jen toho že sem celou stránku přesonul doleva.....
panther
Profil
Gostra:
to s backgroundem nemá nic společného, to jsi si odmazal vycentrování webu. Aby ses neptal, je to margin: auto.

Nedělej tu z toho chat - pokud byla stránka vycentrována a není, vrať se o pár kroků zpět a zkoumej, kdy vycentrování zmizelo. Trochu přemýšlej nad tím, co píšeš, nemusíš s každou blbinou psát na diskusní fórum - aniž by ses nad možným problémem zamyslel.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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