HTML kérdésem van

[h.arpad]

[...] a böngészők sem egyformán jelenítik meg, míg a táblázatot igen.

 

Ez sem igaz. Elég ha egy bekezdésbe írod a szöveget egy táblázatban (azaz <p></p> közé) máris más lesz a szerkezete IE-ben és Firefox-ban. A cellák kereteiről nem is beszélve (ld. pár hozzászólással előbb, még példát is linkeltem)... Szóval én már táblázatokkal is jól megjártam. A float-ra meg itt a link.

[Mezofi]

Én maradtam a táblázatnál.

Belekóstóltam a div-es táblába és arra jutottam, hogy egyszerübb, biztosabb, és jobb nekem a régi.

-Nekem-

[Kovács Gyula (MiniDisk)]

Én meg sosem térek vissza a táblázathoz, hacsak tehetem, mindent divvel csinálok. Kisebb a kódméret, és egyszerűbb is kezelni. Csak ott használok táblázatot, ahol nagyon muszáj. (Ezt is csak inkább az Opera miatt )

[zsoltchelsea]

Hi! Én annak is örülnék, ha már ott tartanék, hogy egyáltalán választhassak közülük.

[h.arpad]

@MiniDisc:

Az Opera 9-es szerencsére fejlődött ezen a téren, nekem egyre kevesebb a gondom vele. Egyébként a táblázatra viszzatérve Balázs utasításait követem, és ha csak szöveget/adatokat kell táblázatos formában megjeleníteni, maradok a táblázatnál.

[level]

Hali! Tegnap nekiálltam ennek a divnek, és kb. a negyedik vagy ötödik óra után úgy döntöttem, hogy na nekem ez nem kell. Aztán találtam róla még mást is, nekiálltam még egyszer, és rájöttem, hogy jó dolog ez... Csak az a bajom vele, hogy nem tudom beállítani azt, hogy az alja egy vonalban legyen az oldal többi részének az aljával, függetlenül attól, hogy milyen magas az aktuális oldal. Tehát ha van mondjuk egy menüm oldalt, ami minden oldalon megjelenik, azt hogyan állítsam be, hogy minden oldalon teljes hosszúságú legyen? Mert a táblázatban az egymás melletti celláknak egy vonalban van az aljuk, akkor is, ha valamelyikben csak rövidebb szöveg van... Bár ez inkább talán már css, de mindegy, itt volt róla szó.

[zsoltchelsea]

Hi! Valaki meg tudná mondani, hogy mi a különbség a phtml, az shtml és a html között? Van valami írási különbség? Csak nagy vonalakban.

[Kovács Gyula (MiniDisk)]

Írd be a Google-ba, hogy phtml definition, illetve shtml definition, és rengeteg találatot kapsz egész jó leírásokkal.

[zsoltchelsea]

Azért írtam ide, mert annyira még nem tudok angolul, és csak kíváncsi voltam. Azért köszi!

[enjoys1ng1ng]

Sziasztok!

Egy alakuló website-omnak az egyik oldaláról feltettem egy próba-verziót IDE. Sehogysem akar összejönni amit szeretnék.

Az elképzelésem az, hogy a kis keretezett képekbõl középre egy nagy keretezett képbe nyíljon meg az a fotó amire rákattint a látogató.

4 frame: top, left, right (ezekben vannak a kisképek) és main (ebbe nyílna a nagy kép).

 

- a top frame-ben valamit nagyon elbénázok, mert nem tudom horizontálisan elhelyezni a képeket (táblázatba raktam - mivel másképp nem tudtam keretet adni a képeknek).

 

- IE-ben a nagykép alatti háttér nem marad fekete, pedig már ezer helyre beírtam, hogy fekete legyen, s a kinyitott kép nem akar középre kerülni, hanem balra húzódik.

 

- Nescape-ben, szintén ez a helyzet.

 

- Opera-ban középre kerül a nagy kép, de fehér marad a háttér.

 

- Mozzilla-ban fekete lesz a háttér, de a kép balra húzódik...

 

Ha valaki tudna segíteni nagyon örülnék! Az talán már csak álom marad, hogy a középre nyílt nagy képnek is legyen mindig szép kerete....

 

Elõre is köszönöm!

Sziasztok!

 

[Kovács Gyula (MiniDisk)]

Firefox 1.5.0.7: nagykép középen, keretek rendben, háttér fekete.

[level]

A top résszel az a baj, hogy minden képet külön sorba teszel (a <tr> jelöli a sort), ezért kerülnek egymás alá. A képek után csak a cellát (<td>) zárd be, a </tr> csak a legvégére a </table> elé kerüljön, akkor egymás mellett lesznek a képek.

[enjoys1ng1ng]

Szia! Köszi, kijavítottam, ahogy írtad. Jobb lett, de meg kell, hogy mondjam, így kezdtem. Aztán elbénáztam és nem találtam vissza. Mert jobb így, tényleg, de nem erre vágyom. Azt szeretném, hogy a top részben található kicsi képek is különálllóak legyenek, mint a left és a right frame-ekben. Erre tudnál valami orvosságot?

Még egyszer, köszi!

Szia!

 

Nálam a Firefox-ban sajnos a képek nem középre nyílnak... Aztán még az sem tetszik, hogy a top, left, right részekben mivel kék a háttér, a kisképek kerete is kék pedig én sötétszürke és világosszürke színt adtam meg.

[zsoltchelsea]

Hi! A különálló képeknél a bekezdésben rakj be szóközöket. Nálam minden megy (most IE-ben). a képeknél pedig, ha validan használod a képbeillesztést, akkor van lehetõséget keretet adni, vagy csináld meg CSS-sel.

[level]

Ha valamennyire kiismered magad a css-ben, akkor a margin vagy még inkább a padding beállításokat próbálgasd, hogy messzebb kerüljenek egymástól a képek. Sõt, akkor a táblázatot is elhagyhatod.

[enjoys1ng1ng]

Hurrá, hurrá, elkezdtem a CSS komolyabb tanulmányozását!!! Hála Sanzi weblapjának (ami szerintem gyönyörű!) tegnap megtanultam egy csomó mindent.

Készítettem is a "Drágámnak" egy honlapot. Sajnos IE-ben nem működik a képek körüli keret, Netscape-ben pedig a bal oldali menü nagyon széthúzódik lefelé... Keresem a megoldást, ha tudtok segíteni, nagyon örülnék. Operában azt hiszem tökéletes!

 

Ezen felbuzdulva kicsit letisztítottam a tanulós honlapomat is. Át fogom írni CSS-sel, bár fogalmam sincs hogyan lehet a színátmenetes menüt megoldani, de lehet, hogy másik fórumon kéne kopogtatnom. Az IE nem hajlandó lejátszani a zenét. Az Opera pedig nagyon nagyra teszi a smallconsole-t, ettől rém ronda lesz a lap. ír:

 

Eddig is nagyon köszönöm mindenki segítségét!

 

Sziasztok!

[Kovács Gyula (MiniDisk)]

Namost:

 

1: Ne IE alá készíts weblapot, hanem úgy állítsd be, hogy Firefox alatt jó legyen. Akkor a Netscape alatt is jó lesz, illetve az esetek 99.9%-ában Opera alatt is. IE-re meg van hack, azt ott kell beállítani - amennyiben az IE6-ról beszélünk. A 7-eshez is kell, de töredéke, mint amit IE6 alá kell készíteni.

A képkereteknél ha arra gondolsz, hogy az egér kép fölé vitelkor nem változik a kerestzín IE6-ban, akkor az úgy is van, nem fog működni. Az IE7 már ismeri a keret hovert. A 6-os még nem. lehet trükközni, hogy jó legyen a 6-osban is, de szerintem az egész nem ér annyit. Mármint a munka, mit beleölsz.

[payskin]

A motorosban vannak durva dolgok. Például a navigate-es div előtt kinyitsz egy bekezdést (

), amit a div-en belül zársz be. Már kinyitni is felesleges volt szerintem. A listát (

) körbefoghatnád egy

tagpárral.

 

Ugyanez a

-s dolog van a subc div-nél is, csak ott legalább a div-en kívül zártad be, de oda sem kéne

. Közvetlenül ez alatt egy

köré raksz

-ket. Oda aztán végképp nem kell!

 

Ja, és a HTML formázásán javíthatnál egy kicsit, mert elég zavaros. Nagyon rövid kód, mégis nehezen átlátható a felesleges sortörésektől, és hogy össze-vissza vannak betolva a sorok. Ez egyébként egy általános tanács: a sorok betolásához vagy tabot vagy szóközt használjatok, de ne keverjétek a kettőt!

[enjoys1ng1ng]

ÓÓÓÓÓÓÓÓÓÓÓÓ, Köszönöm szépen!

Rendbe tettem a motoros honlapot ahogy írtad és megszûntek a problémák... Szuper! Köszi!

[zsoltchelsea]

A honlapod jó, bár egyetértek a véleménnyel:"Az oldalad ne "legjobb linkek oldala" legyen" Lehetne talán egy kis tartalom is a szép külsõhöz.

[enjoys1ng1ng]

Wow! Ez volt az elsõ dícséretem (remélem nekem szólt!)...

Lassan-lassan a tartalom is alakul, de eddig még csak az ABC-t és a szorzótáblát tanultam...

Most megint hülyét kérdezek, de nem nagyon találom a részletes magyarázatát, hogy mi a különbség a

<div id> és a <div class> között.

Leírná valaki? Köszönöm!

[zsoltchelsea]

Hiába dicsérem, ha nem látogatja senki! Értsd meg, hogy hiába tudod a divet még nem lesz több visszatérő látogatód. A dives kérdésed pedig számomra rejtély. Az egyik a valid formája lehet.

[h.arpad]

A <div id="">-val a CSS stíluslapból az idézõjelelek között néven nevezed, tehát azonosítod, hogy melyik is legyen ez a div (méret, elhelyezkedés a stíluslapból):

 

<style type="text/css">
<!--
#reteg {
position:absolute;
left:75px;
top:67px;
width:721px;
height:188px;
z-index:2;

Majd:

<div id="reteg"></div>

 

Viszont a <div class="">-vel a stílusát (style) adod meg a div-ben lévõ elemeknek (pl. betûtípus). Még az align paramátert használod majd sokszor, ezzel igazítasz, mint a bekezdésekben (center, justify, left, right).

[payskin]

Ilyen jellegű különbség nincs köztük. Akár id-ben, akár class-ban tetszőleges formázást megadhatsz.

 

A fő különbség, hogy egy adott id-ből csak egy lehet egy oldalon, tehát id-vel olyan főbb oldalelemeket érdemes azonosítani, amelyekből egy van, és amely az oldal szerkezetét írja le (container, jobbsav, balsav stb.). A class viszont ismétlődhet, tehát ebben olyan formázásokat érdemes leírni, amelyet többször fel akarsz használni az oldalon, például ha csinálsz egy keretes, fejléces részt, akkor azt elkeresztelheted box1-nek (nézd meg a pcworld.hu oldalon a Hírek, a Cikkek vagy a Letöltések "dobozt": ugyanaz a class). Hasonló módon ismétlődő szövegformázok lehetnek classban.

 

Ellenben a CSS-nek külön témája van, úgy hogy ha további kérdések vannak, ott folytassuk.

[zsoltchelsea]

Hi! HTML-ben a listák elemei hogy vannak? (kissé furcsa kérdés) Egy <ul> nevût ismerek, de csak hallottam róla.