2 CSS kerdes

Internet: PHP, CGI, stb.

2 CSS kerdes

  • 991 megtekintés

( Ajnasz v | 2005. 04. 11., h – 19:44 )

Ha nem tévedek, akkor az alapvető probléma az, hogy a lábléc belelóghat a menübe. Azt kérdezném ezzel kapcsolatban, hogy hogyan helyezted el a menüt és a főrészt egymás mellé? Float-ot használtál?
Ha igen, akkor tegyél egy plusz divet ezek alá, melynek adj float: clear; tulajdonságot. Ez alá kerüljön a lábléc, így nem fog rálógni a menü.
Ha nem ez a probléma, akkor nem értem. :)

( lacipac | 2005. 04. 15., p – 17:31 )

[quote:28b6d7c1a6="k_laci"][quote:28b6d7c1a6="ksgy"][quote:28b6d7c1a6="k_laci"][quote:28b6d7c1a6="pityuf1"]Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

Ha már ilyen érdekes stílusban osztod a frankót, akkor megkérdezném, tudod, miért jó a vakoknak a CSS?

Egyébként a CSS pont arra való, amire belabacsi használni akarja, ellentétben a tablicákkal.

Laci

logikusan gondolkozva: mert egy olyan böngészőt használnak, ami felolvassa az oldal tartalmat

Az, hogy a böngésző felovassa az oldal tartalmát, hol érinti a CSS problémáját :?.

Laci

Naivan kérdem: mi lenne a helyes válasz? Mert google-n kerestem, de nem találtam rá választ.

( k_laci | 2005. 04. 15., p – 20:21 )

[quote:a6e74e8513="lacipac"]
Naivan kérdem: mi lenne a helyes válasz? Mert google-n kerestem, de nem találtam rá választ.

Pedig rengeteg info van a neten. A kulcsszavak: css for the blind, aural css stb.
Itt a speckó: http://www.w3.org/TR/CSS-access , innen már el tudsz indulni.

A lényeg, hogy az oldal egyes elemeihez (linkek, gombok, fejléc, menü stb.) a képek helyett/mellett hozzá tudsz rendelni hangeseményeket. És ezek a hangesemények teszik lehetővé a látássérültek számára az oldal aktív használatát, ami nem egyenlő a passzív szöveghallgatással.

Laci

( lacipac | 2005. 04. 15., p – 21:05 )

én "css helps the blind"-dal próbáltam, köszi a linket, megnézem!

( belabacsi | 2005. 04. 11., h – 11:44 )

A. Adott a kovetkezo kinezet: 

+-----------------+
| Szoveges fejlec |
+-----------------+
+--------+ +------+
| Foresz | | Menu |
+--------+ +------+
+-----------------+
| Szoveges lablec |
+-----------------+

I. Amit tudok:
1. A fejlec nem allando magassagu (hiszen minden bongeszoben mas meretu lehet a font), es kesobb valtozhat is.
2. A foresz es a menu valtozo magassagu.
3. A lablec is valtozik.

II. Amit eddig sikerult megcsinalnom:
1. A dobozokat CSS-bol keretezni.
2. A fejlec a bongeszo teljes szelesseget elfoglalja dinamikusan.
3. A menu fixen 20% szeles.
4. A foresz fixen 80% szeles.
5. A lablec a foresz alatt van, de csak 80% szeles.
6. A lablec a menu alatt van, de csak 20% szeles.
7. A lablec 20% szeles, a bongeszoablak jobb aljaban van az oldal betoltesekor - de ha legorgetek, feljebb csuszik, na meg esetleg eltakarja a menu egy reszet.

III. Amit meg kene oldani: a II/5-6-7. pontok feloldasat, a kovetkezo modszerek valamelyikevel:
1. A lablec is teljes bongeszo szelessegu, es a foresz es a menu kozul a hosszabbik alatt kozvetlenul kezdodik. (Nem lehet tudni elore, hogy a foresz vagy a menu lesz-e a hosszabb.)
2. A lablec csak 20% szeles, jobb alul van, de nem log bele a menube, es nem a kezdeti bongeszoablak, hanem a teljes oldal jobb aljaban van.

B. Hogyan lehet megoldani CSS-sel, hogy a dobozok kerete lekerekitett sarku legyen, netan sajat kepkent legyen megadva?

Elore is koszi!

( pityuf1 | 2005. 04. 11., h – 12:00 )

1.
Egyrészt remélem táblázatokat használsz. Úgy tudnám elképzelni hogy a feljéc egy táblázat, az alatta lévő rész egy egysoros 2 cellás táblázat amelynek mindkét cellájában egy táblázat van és az alsó rész szintén egy egycellás táblázat, persze számos alternatíva létezik még a probléma megoldására.

2.
A CSS nem egészen erre való, de ha már PHP akkor miért ne defináilnál egy saját táblázat függvényt ami úgy rajzolja ki a táblázatod, ahogy szeretnéd, mondjuk a stílus számát meg paraméterkénet átadod, akár dolgozthatsz objektumokkal ha az fekszik jobban.

( belabacsi | 2005. 04. 11., h – 12:23 )

[quote:1aa45f8678="pityuf1"]1.
Egyrészt remélem táblázatokat használsz. Úgy tudnám elképzelni hogy a feljéc egy táblázat, az alatta lévő rész egy egysoros 2 cellás táblázat amelynek mindkét cellájában egy táblázat van és az alsó rész szintén egy egycellás táblázat, persze számos alternatíva létezik még a probléma megoldására.

Na ezert kezdtem ugy, hogy CSS problema, ugyanis tablazatokat _nem_ hasznalok. (Tablazattal mar regesreg megcsinaltam, de az favagas: nem akarok tablazatot hasznalni - itt chatel mellettem egy vak srac, olyan honlapot szeretnek csinalni, amit o is normalisan tud hasznalni. A CSS meg erre (is) valo.)

[quote:1aa45f8678="pityuf1"]2.
A CSS nem egészen erre való, de ha már PHP akkor miért ne defináilnál egy saját táblázat függvényt ami úgy rajzolja ki a táblázatod, ahogy szeretnéd, mondjuk a stílus számát meg paraméterkénet átadod, akár dolgozthatsz objektumokkal ha az fekszik jobban.

Ismet: tablazattal tudom, hogy konnyebb, es meg konnyebb szetdobni a kinezetet, ha elszursz valamit. Ezert van, hogy csak CSS, formazaskent pedig csak div tagokat akarok latni.

( pityuf1 | 2005. 04. 11., h – 12:37 )

Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

( k_laci | 2005. 04. 11., h – 14:04 )

A táblázatok mellőzésével én is nagyon egyet tudok érteni. Elvégre nem a kőkorszakban vagyunk. Táblázatot nem szokás 2005-ben a külalak kialakítására használni.

Ajánlom a www.alistapart.com olvasgatását. Ott a legújabb technikákat szokták elemezgetni. Ami az oldalad kialakításához hasznos lehet:
http://www.alistapart.com/articles/negativemargins/
(itt 3-oszlopos kialakításra van példa, de a baloldali oszlopot csak ki kell szórni és már készen is van), én is ezek alapján raktam össze 1-2 dolgot.

A CSS3-ban van border-radius, azzal csak az a baj, hogy egyenlőre kevés böngésző ismeri.
Egyébként rengeteg leírás van a neten, pl.: http://kalsey.com/2003/07/rounded_corners_in_css/

Laci

( k_laci | 2005. 04. 11., h – 14:07 )

[quote:4084352f12="pityuf1"]Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

Ha már ilyen érdekes stílusban osztod a frankót, akkor megkérdezném, tudod, miért jó a vakoknak a CSS?

Egyébként a CSS pont arra való, amire belabacsi használni akarja, ellentétben a tablicákkal.

Laci

( Zola_NFK | 2005. 04. 11., h – 14:46 )

Én most kezdtem beleásni magam a CSS-dizájn rejtelmeibe, és több okból is kifejezetten hasznos.

Például roppant egyszerűvé teszi a dizájn (vagy theme, skin) váltásokat.
Erre a legjobb példa a csszengarden.com, ahol egy adott tartalomra kell a dizájnt CSAK css-el megcsinálni (tehát a forráshoz nem nyúlhatsz).
Több mint száz feltöltött téma, van köztük egy pár "egyszerűbb", de nagyon profik is vannak...

És ha még nem ismernétek, egy pár link:
css.maxdesign.com.au
cssvault.com/resources.php
weblabor.hu/cikkek/rovatok/css

( ksgy | 2005. 04. 11., h – 15:01 )

[quote:fa7ff3da4d="k_laci"][quote:fa7ff3da4d="pityuf1"]Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

Ha már ilyen érdekes stílusban osztod a frankót, akkor megkérdezném, tudod, miért jó a vakoknak a CSS?

Egyébként a CSS pont arra való, amire belabacsi használni akarja, ellentétben a tablicákkal.

Laci

logikusan gondolkozva: mert egy olyan böngészőt használnak, ami felolvassa az oldal tartalmat

( k_laci | 2005. 04. 11., h – 15:21 )

[quote:c34cb1f6a5="ksgy"][quote:c34cb1f6a5="k_laci"][quote:c34cb1f6a5="pityuf1"]Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

Ha már ilyen érdekes stílusban osztod a frankót, akkor megkérdezném, tudod, miért jó a vakoknak a CSS?

Egyébként a CSS pont arra való, amire belabacsi használni akarja, ellentétben a tablicákkal.

Laci

logikusan gondolkozva: mert egy olyan böngészőt használnak, ami felolvassa az oldal tartalmat

Az, hogy a böngésző felovassa az oldal tartalmát, hol érinti a CSS problémáját :?.

Laci

( pityuf1 | 2005. 04. 11., h – 15:33 )

[quote:4bf6a8df88="k_laci"][quote:4bf6a8df88="pityuf1"]Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

Ha már ilyen érdekes stílusban osztod a frankót, akkor megkérdezném, tudod, miért jó a vakoknak a CSS?

Egyébként a CSS pont arra való, amire belabacsi használni akarja, ellentétben a tablicákkal.

Laci

Na most sikerült beleesni az írott kommunikáció csapdájába. Kissé félreértelmezted a hangnemet. De nem baj. Szóval ezt teljesen baráti hangnemben mondtam, olvasd el mégegyszer. Ét tényleg sok sikert, nemes cél! :P

( k_laci | 2005. 04. 11., h – 15:49 )

[quote:32a6979a65="pityuf1"][quote:32a6979a65="k_laci"][quote:32a6979a65="pityuf1"]Majd a CSS fogja megváltani a nemlátókat, sok sikert. Nézz utána mondjuk egy CSS howto-ban, vagy keress egy "howto deal with DIV tags" oldalt.

Ha már ilyen érdekes stílusban osztod a frankót, akkor megkérdezném, tudod, miért jó a vakoknak a CSS?

Egyébként a CSS pont arra való, amire belabacsi használni akarja, ellentétben a tablicákkal.

Laci

Na most sikerült beleesni az írott kommunikáció csapdájába. Kissé félreértelmezted a hangnemet. De nem baj. Szóval ezt teljesen baráti hangnemben mondtam, olvasd el mégegyszer. Ét tényleg sok sikert, nemes cél! :P

Akkor megkövetlek :oops:.

Laci

( pityuf1 | 2005. 04. 11., h – 16:10 )

A királynőt megölni nem kell félnetek jó lesz ha mindenki beleegyezik én nem ellenzem. :D :D :D