Autor Zpráva
JirkaX
Profil
Zdravím

Prosim jak jdnoduse nastylovat toto v css pomoci toho obrazku moc prosim hodne to potrebuji nevim si uz tyden ray diky :)




Všem co mi pomohou děkuji a moc vás prosím pomožte
Str4wberry
Profil
A s čím konkrétním je problém?
Sir Tom
Profil
JirkaX:
Uděláš 3 divy vedle sebe, které budou mít floatování, do každého z nich pod sebe dáš 4 divy...
jirkax
Profil *
nevim jak zacit to stylovat potreboval bych to delat podle line vertikal horizontal obrazek nahore a vse konkretne do divu


nevim jake pouzit tagy v css :( aby to vse sedelo a jechci abych stylovl tento obrazek ale jen aby to bypo delano pomoci css3
Str4wberry
Profil
Základ by mohl vypadat takto (kulaté rohy na ukázce fungují až od Exploreru 9). Barevný přechod by šel udělat pomocí CSS (lze jej snadno vyrobit pomocí nějakého generátoru), ale bude funkční až od Exploreru 10.
Chamurappi
Profil
Reaguji na Str4wberryho:
Gradient jde ve starších Explorerech udělat filtrem.
Proč se patlat s generovaným CSS, když může všechny problémy vyřešit jedním obrázkem?
Edit: Aha, on to tak chce. Dobře, tak to už je jeho problém, když nechce shodný výsledek ve všech prohlížečích.
xciza
Profil
Proč to řešit všude obrázkem, když stačí CSS? Obrázky může použít pouze u prohlížeče, který CSS3 nepodporuje. A to jsou dnes snad jen starší IE.
Chamurappi
Profil
Reaguji na xcizu:
pouze u prohlížeče, který CSS3 nepodporuje
Tím CSS 3 myslíš jen shluk několika málo vlastností z CSS 3, které prohlížeče podporují.

Proč to řešit všude obrázkem, když stačí CSS?
Obrázek nabízí větší volnost a je to jednotné řešení pro všechny => snižuje se možnost přehlédnutelné chyby.
jirkax
Profil *
tak kdybych to vyresil rozrezanim obrazku na nektere dily jak by se to teda resilo ? Kdybych dal ten vrh (oranzovy) jako obrazek, potom spodek to zakulaceni jako obrazek a jak dale ?


ale radeji bych to resil css ale jak udelat kraje a vseho ohraniceni vnitrek atd..
Str4wberry
Profil
Reakce na Chamurappiho:
Proč se patlat s generovaným CSS, když může všechny problémy vyřešit jedním obrázkem?
Také se na to můžeme dívat jako proč se patlat s kreslením obrázku, když si stačí vygenerovat CSS, že. :–)

Obrázek nabízí větší volnost
Která zrovna v tomto zadání není příliš potřeba.


Reakce na jirkaxe:
Při obrázkovém řešení, kde není potřeba zajistit roztahování do šířky, k tomu stačí ten oranžový obrázek, co bude jako pozadí nadpisu, a obrázek dolního zakulacení, co bude jako pozadí p.bottom (z mého příkladu), hlavní část lze potom vytvořit jen pomocí CSS (border + background). Oba obrázky by měly mít výškovou reservu pro případ, kdy bude více řádků obsahu / větší písmo.
jirkax
Profil *
Toto vypadá super jen aby každý ten box měl tmavší hrany to nevím jak udělám :(

https://dl.dropbox.com/u/3370251/DJPW/stylovani-boxu.html
Kcko
Profil
jirkax:
Pohraj si
margin
Profil *
jirkax:
Myslíš border?
jirkax
Profil *
Zkoušel jsme do panelu vložit toto

border-width:1px;
border-style:solid;
border-color:#cccccc;

ale ohraničí to vše a nahoře to vypadá hnusně šlo by jenom pod tím vrchem tam kde není oranžová ?

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: