Prosim jak nastylovat jednoduse toto

A s čím konkrétním je problém?

JirkaX:
Uděláš 3 divy vedle sebe, které budou mít floatování, do každého z nich pod sebe dáš 4 divy...

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

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.

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.

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.

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.

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..

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.

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

jirkax:
Pohraj si

jirkax:
Myslíš border?

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á ?