Stránka: 1 z 1
| [ Príspevkov: 20 ] | |
Autor | Správa |
---|
Registrovaný: 22.01.08 Prihlásený: 19.04.15 Príspevky: 492 Témy: 135 | 135 Bydlisko: Bratislava ... |
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
|
|
Registrovaný: 26.07.06 Prihlásený: 20.03.16 Príspevky: 1378 Témy: 90 | 90 Bydlisko: Slovakia-Ko... |
mno o nicom takom som nepocul
ten link nejde
oble hrany na designe sa robia obrazkami
_________________ CPU: Intel E7200 momentalne default + freezer 7 pro | MB: Gigabyte GA-P35-DS3 rev. 2.0 F14 | RAM: A-DATA 4x1GB EE Vitesta | VGA: ATI Radeon HD4850 Sapphire Dual Slot | Monitor: BenQ E2200HD+17CTX | HDD: WD 3200AAKS + Maxtor 6Y080M0 80GB SATAII + 120GB ATA Barracuda | PSU: Corsair VX450W | Windows 7 Ultimate Sk | REPRO: Logitech X-210
+
IPhone 3GS JB 3.1.3 (new BR)
múdry sa postara o seba ale ešte múdrejši sa postara aj o druhých |
|
Registrovaný: 22.01.08 Prihlásený: 19.04.15 Príspevky: 492 Témy: 135 | 135 Bydlisko: Bratislava ... | |
Registrovaný: 19.06.07 Prihlásený: 15.10.18 Príspevky: 349 Témy: 9 | 9 Bydlisko: Bratislava |
co takto si na tej stranke skusit vypnut zobrazovanie obrazkov?;) uvidis,ze to je len a len obdlznik,nic viac 
|
|
Registrovaný: 22.01.08 Prihlásený: 19.04.15 Príspevky: 492 Témy: 135 | 135 Bydlisko: Bratislava ... |
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.
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | 49 |
ake neuskutocnitelne? wed ja s mojimi amaterskymi schopnostami som to dokazal...
|
|
Registrovaný: 22.01.08 Prihlásený: 19.04.15 Príspevky: 492 Témy: 135 | 135 Bydlisko: Bratislava ... |
xces mi povedat ze staci ak si urobim jednu tabulku a okolo nej "nalepim" obrazky??
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | 49 |
presne tak! no ja som to robil okolo divu... ale je to v podstate to iste...
|
|
Registrovaný: 09.09.07 Prihlásený: 07.11.16 Príspevky: 3114 Témy: 233 | 233 Bydlisko: Nové Zámky |
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??
_________________ "It took a lot of work, but this latest Linux patch enables support for machines with 4096 CPUs, up from the old limit of 1024." "Do you have support for smooth full-screen flash video yet?" "No, but who uses that?"
- ak dlho neodpisujem do témy, zabudol som na ňu, takže ma upozornite SS, ak chcete moju odpoveď |
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | 49 |
vidis! to je tez dobry napad!
|
|
|
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.
|
|
|
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
|
|
|
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. 
|
|
|
JJ, ale keby ten obrazok nemal v riadku len rovnaku farbu, tak je to asi lepsie cez obrazok, nie ?
|
|
|
Imho, cim menej obrazkov, tym lepsie
Ale pokial sa to inak neda, tak v pohode aj obrazkom (aj ked stracas na flesibilite  )
|
|
Registrovaný: 09.09.07 Prihlásený: 07.11.16 Príspevky: 3114 Témy: 233 | 233 Bydlisko: Nové Zámky |
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>
|
|
Registrovaný: 28.08.07 Prihlásený: 19.09.14 Príspevky: 1657 Témy: 44 | 44 Bydlisko: Nová Baňa,S... |
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/
_________________ I ♥ ⌂ ♪ |
|
Registrovaný: 21.02.07 Prihlásený: 21.02.10 Príspevky: 3984 Témy: 96 | 96 |
-moz-border-radius pre Firefox, pre IE to neplatí
|
|
Registrovaný: 22.01.08 Prihlásený: 19.04.15 Príspevky: 492 Témy: 135 | 135 Bydlisko: Bratislava ... |
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?
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | 49 |
das si div do ktoreho das bg image ten obrazok a normalne tam budes pisat...
|
|
Stránka: 1 z 1
| [ Príspevkov: 20 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
 | v HTML, XHTML, XML, CSS | 11 | 1195 | 19.03.2010 6:47 tomast7 |  | v HTML, XHTML, XML, CSS | 8 | 835 | 22.08.2007 11:38 tommy70777 |  | v HTML, XHTML, XML, CSS | 1 | 939 | 30.01.2007 20:31 javo |  | v HTML, XHTML, XML, CSS | 3 | 449 | 16.02.2016 17:29 BX |  | v HTML, XHTML, XML, CSS | 7 | 750 | 22.09.2009 10:12 Patkoo |  | v PHP, ASP | 6 | 709 | 05.03.2008 13:45 KaktusBR |  | v Redakčné systémy | 4 | 609 | 10.02.2007 12:05 koudy |  | v Redakčné systémy | 8 | 470 | 20.09.2013 10:03 webkvalitne |  | v Ostatné | 0 | 553 | 13.01.2009 21:49 KatjushaMan |  | v Operačné systémy Microsoft | 0 | 624 | 16.03.2008 16:01 Domki |  | v HTML, XHTML, XML, CSS | 11 | 1053 | 09.12.2008 17:37 capricorn7 |  | v Databázy | 1 | 597 | 27.05.2009 7:49 Svolo |  | v Databázy | 6 | 514 | 11.10.2011 15:50 camo |  | v HTML, XHTML, XML, CSS | 10 | 896 | 02.03.2008 16:42 Fortune |  | v HTML, XHTML, XML, CSS | 10 | 921 | 23.06.2010 21:02 shaggy |  | v HTML, XHTML, XML, CSS | 5 | 596 | 04.07.2008 22:03 beks |
|