oble tabulky

B.A.X.O · Napísal **B.A.X.O**: 15.02.2008 18:19

ako urobit oblu tabulku?? ale aby to bolo kompatibilne zo vsetkym...trebars jak je to na www.forum.bestoldgames.net tie oble tabulky...potreboval by so mto dik

kmsa · Napísal **kmsa**: 15.02.2008 18:46

mno o nicom takom som nepocul
ten link nejde

oble hrany na designe sa robia obrazkami

B.A.X.O · Napísal autor témy **B.A.X.O**: 15.02.2008 19:03

sry za ten link takto: http://forum.bestoldgames.net/

HAE07 · Napísal **HAE07**: 15.02.2008 19:11

co takto si na tej stranke skusit vypnut zobrazovanie obrazkov?;) uvidis,ze to je len a len obdlznik,nic viac

B.A.X.O · Napísal autor témy **B.A.X.O**: 15.02.2008 22:28

hm no teda ok...ale ako cosi take spravit? lebo ludia podme na to logicky:

mame obdlznik typu normálneho neoblého útvaru:

3 4
...............................................
: :
: :
: :
: :
: :
:.............................................:
1 2

a teda teoreticky ak by sme chceli pridať obrázky simulujúce oblosť hrán
obdľžnika, musel by sme nejako zamaskovať body 1,2,3,4.
Teda body by sa zmenili na oble okraje:

-: :-
...............................................
: :
: :
: :
: :
: :
:.............................................:
-: :-

Ale medzi oblymi bodmy chybaju obdlznikove nastavce, teda dalsie kusky do skladacky. Ale tým pádom by sa všetko riešilo obrázkami a výsledný efekt by bol nasledovný:

-:----------------------------------:-
: ............................................... :
: : : :
: : : :
: : : :
: : : :
: : : :
: :.............................................: :
-:............................................:-

Ale všetko obrázkami riešiť nemožeme. Takže umiestnenie obrázkov cez html alebo css do takejto formácie by bolo takmer neuskutočniteěné.
Takže fakt, že by to bolo riešené obrázkami je v rozporu zo základnou matematikou obkladania štvorca obrázkami. Alebo by to azda bolo možne cez nejakú novu html/css funkciu o krej zatial neviem.

jablko05 · Napísal **jablko05**: 15.02.2008 23:07

ake neuskutocnitelne? wed ja s mojimi amaterskymi schopnostami som to dokazal...

B.A.X.O · Napísal autor témy **B.A.X.O**: 15.02.2008 23:20

xces mi povedat ze staci ak si urobim jednu tabulku a okolo nej "nalepim" obrazky??

jablko05 · Napísal **jablko05**: 15.02.2008 23:38

presne tak! no ja som to robil okolo divu... ale je to v podstate to iste...

Blackshadow · Napísal **Blackshadow**: 16.02.2008 0:07

no radsej divy,
ale ak chces tabulky, tak nie oblepit tabulku, ale do tabulky dat...
mas tabulku a bunku:
<td>
<img src="hornyobluk">
text text text
<img src="dolnyobluk">
</td>

je to neuskutocnitelne??

jablko05 · Napísal **jablko05**: 16.02.2008 0:47

vidis! to je tez dobry napad!

imnotwhafo · Napísal **imnotwhafo**: 16.02.2008 9:50

Ach, vy to tu riesite.

1.
Pre div je to vcelku jednoduche:
html:

Kód:

<div class="vrchny">
<em>I just need a number and location</em>
</div>
<div class="spodny">

a potom v css:

Kód:

div.vrchny{background: url (cesta k obrazku zo zaoblenymi rohmi-vrch) no-repeat; }
div.spodny{background: url (cesta k obrazku zo zaoblenymi rohmi-spodok) no-repeat; }

kde cesta k obrazku zo zaoblenymi rohmi-vrch bude obrazok typu:
http://img84.imageshack.us/img84/4573/vrchlm3.gif
**Musi byt formatu gif, alebo png, kvoli priehladnosti.**
A cesta k obrazku zo zaoblenymi rohmi-spodok bude typu:
http://img151.imageshack.us/img151/5423/spodokal8.gif

2.
Pre tabulky je to zlozitejsie, no tiez je to zalozene na obrazkoch pozadia.

A nakoniec, v css3 existuje vlastnost border-radius http://www.css3.info/preview/rounded-border/ no ta funguje zatial len v niektorych prehliadacoh.

Numline1 · Napísal **Numline1**: 16.02.2008 10:06

Ak spravne chapem imnotove vysvetlenie, tak vlastne pouzijem :

<div id="horny"> //Zobrazi obrazok horny zaobleny
<div id="obsah"> // Obsahovy obrazok, pricom nedame hodnotu no-repeat aby sa opakoval az dokedy bude obsah
<div id="spodny"> //Zobrazi sa nakonci a cele to uzavrie

imnotwhafo · Napísal **imnotwhafo**: 16.02.2008 10:37

No div#obsah ani nepotrebujes, staci vrch a + k nemu nastavit background-color taku ako ma najspodnejsi pixelovy riadok div#vrchny.

Jo a toto neni jedine a ani najflexibilnejsie riesenie, ale najjednoduchsie.

Numline1 · Napísal **Numline1**: 16.02.2008 10:55

JJ, ale keby ten obrazok nemal v riadku len rovnaku farbu, tak je to asi lepsie cez obrazok, nie ?

imnotwhafo · Napísal **imnotwhafo**: 16.02.2008 11:04

Imho, cim menej obrazkov, tym lepsie

Ale pokial sa to inak neda, tak v pohode aj obrazkom (aj ked stracas na flesibilite

)

Blackshadow · Napísal **Blackshadow**: 16.02.2008 11:31

ja na stranke pouzivam:

Kód:

<div obsah-celok>
  <div vrch image-zaobleny vrch></div>
     <div obsah image-podklad-text, repeat-y>
     </div>
  <div spodok image-zaobleny-spodok></div>
</div>

Vladio · Napísal **Vladio**: 16.02.2008 14:31

Skús si preštudovať toto, myslím, že pomôže..

Kód:

http://www.pemo.cz/publikace/kulate-rohy-v-blokovych-elementech/kulate-rohy-v-blokovych-elementech.php 

alebo aj

Kód:

http://css.interval.cz/clanky/kulate-rohy/

Tominator · Napísal **Tominator**: 17.02.2008 20:21

-moz-border-radius pre Firefox, pre IE to neplatí

B.A.X.O · Napísal autor témy **B.A.X.O**: 18.02.2008 10:24

a nebolo by jednoduchsie riesit to obrazkom do ktoreho sa vlozi text?

teda ja neviem....lebo osobne toto neviem akoze dat text do obrazku neda niekto link na tut alebo tak daco?

jablko05 · Napísal **jablko05**: 18.02.2008 13:40

das si div do ktoreho das bg image ten obrazok a normalne tam budes pisat...

oble tabulky

Podobné témy