html kérdések

Sziasztok!

Szeretnék megtanulni kezdő szinten a html-t, php-t, és java scriptek írását.

Tud valaki valamilyen anyagot ajánlani?
Előre is köszönöm

Nincs benne script. Az a script más miatt van. Az uw teszi bele az oldalba, h megjelenjen a reklámja.

A főmenüt egyszer írtam meg és csak betöltöm mindegyik oldalba így: [code:1:993de279d9]<?php include "menu.txt"?>[/code:1:993de279d9]

menu.txt pedig láthattad, h hogy néz ki. így:
[code:1:993de279d9]<div id="head_back">
<a name="fej"></a>
<div id="head">
<img id="ie" src="img/ie/up.jpg" width="740" height="20" />
<img id="moz" src="img/head.png" width="740" height="91" /></div>
</div>
<div id="fomenu">
<ul id="menu">
<li id="s1"><span></span></li>
<li id="home"><a href="index.php" title="Főoldal"><span></span>Főoldal</a></li>
<li id="iskola"><a href="iskola.php" title="Iskolánkról"><span></span>Iskolánkról</a></li>
<li id="aktual"><a href="aktual.php" title="Aktualitások"><span></span>Aktualitások</a></li>
<li id="eredm"><a href="eredm.php" title="Eredményeink"><span></span>Eredményeink</a></li>
<li id="letolt"><a href="letolt.php" title="Letölthető anyagok"><span></span>Letölthető_anyagok</a></li>
<li id="csarnok"><a href="csarnok.php" title="Sportcsarnok"><span></span>Sportcsarnok</a></li>
<li id="turist"><a href="turist.php" title="Turistaszálló"><span></span>Turustaszálló</a></li>
<li id="kepek"><a href="kepek.php" title="Képek"><span></span>Képek</a></li>
<li id="kapcs"><a href="kapcs.php" title="Kapcsolat"><span></span>Kapcsolat</a></li>
<li id="s1"><span></span></li>
</ul>
</div>[/code:1:993de279d9]

De biztos php-ben van rá jobb megoldás, csak nem értek hozzá nagyon, és most nincs is nagyon időm foglalkozni. Szóval nem vagyok profi a témában. :oops:

Ezt gyakorlatilag php-ban is meg lehet csinálni, csak vannak rá praktikusabb megoldások is. Pl. függvényt írsz rá, amely paraméteréül megadod hogy melyik oldalon vagy, és a függvényben lekezeled, hogy a param.-ban megadott menüpontot húzza alá/szinezze át/akármi.
Vagy írhatsz rá osztályt is sok okos tagfüggvénnyel :) (ágyuval verébre)

[quote:5b3a1a0737="ToFlex"]menu.txt pedig láthattad, h hogy néz ki. így:
[code:1:5b3a1a0737]<div id="head_back">
<a name="fej"></a>
<div id="head">
<img id="ie" src="img/ie/up.jpg" width="740" height="20" />
<img id="moz" src="img/head.png" width="740" height="91" /></div>
</div>
<div id="fomenu">
<ul id="menu">
<li id="s1"><span></span></li>
<li id="home"><a href="index.php" title="Főoldal"><span></span>Főoldal</a></li>
<li id="iskola"><a href="iskola.php" title="Iskolánkról"><span></span>Iskolánkról</a></li>
<li id="aktual"><a href="aktual.php" title="Aktualitások"><span></span>Aktualitások</a></li>
<li id="eredm"><a href="eredm.php" title="Eredményeink"><span></span>Eredményeink</a></li>
<li id="letolt"><a href="letolt.php" title="Letölthető anyagok"><span></span>Letölthető_anyagok</a></li>
<li id="csarnok"><a href="csarnok.php" title="Sportcsarnok"><span></span>Sportcsarnok</a></li>
<li id="turist"><a href="turist.php" title="Turistaszálló"><span></span>Turustaszálló</a></li>
<li id="kepek"><a href="kepek.php" title="Képek"><span></span>Képek</a></li>
<li id="kapcs"><a href="kapcs.php" title="Kapcsolat"><span></span>Kapcsolat</a></li>
<li id="s1"><span></span></li>
</ul>
</div>[/code:1:5b3a1a0737]

A listaelemnek lehetne 2 féle osztálya, hogy kijekökt és nem kijelölt, az id-kel meg finomabb beállítást követsz el (gondolom ezért van a span benne :) )

A name attribútum formokat leszámítva felejtendő szerintem (és a html 4.01 strict szerint is). Illetve az üres a element is kivehető (ált csak arra szolgál, hogy azenoldalam.html#top stílusú linkeket használjon vki, de bármely elem jó erre)...

Ezt nézzétek meg: http://tenkesviz.axelero.net/
Frontpage csoda. :) Csak ie-ben műxik.
A címsávban látszik, h Nehr Tibor csinálta. De ezt nem ö csinálta. (ő az édesapám). Ő még egy régebbit csinált. a címben is feltüntetett időben. Most egy másik srác csinálja. Mindegy.

Az a kérdésem, h szerintetek lehet frontpage-ben rendes, minden böngészőben működő weboldalat csinálni? Nem akarok flame-et, csak kiváncsi vagyok.

A listaelemnek lehetne 2 féle osztálya, hogy kijekökt és nem kijelölt, az id-kel meg finomabb beállítást követsz el (gondolom ezért van a span benne Smile )

A name attribútum formokat leszámítva felejtendő szerintem (és a html 4.01 strict szerint is). Illetve az üres a element is kivehető (ált csak arra szolgál, hogy azenoldalam.html#top stílusú linkeket használjon vki, de bármely elem jó erre)...

A 2 féle osztály nem rosz ötlet. Majd kipróbálom. Most hirtelen nincs előttem a forrás, de úgy emléxem, h valami miatt nem ment úgy.

Mi is felejtendő? Nem igazán értelek. Ez: (<a name="fej"></a>) azért van, h az oldalak aljáról fel lehessen ugrani a tetejére. :)

Erre gondoltam:
[code:1:ab719372ea]<div id="head_back"> .... </div>[/code:1:ab719372ea]

majd sokkal lejjebb

[code:1:ab719372ea]<a href="#head_back">...</a>[/code:1:ab719372ea]

Pontatlanul fogalmaztam, azt elismerem (szokásom). A w3c ajánlás szerint a legtöbb esetben az id attribútum helyettesíti a name-t. A html 4.01 strict, xhtml 1.0 strict, xhtml 1.1 pár esetet kivéve meg nem is tartalmazza a name attribútumot.

mindent lehet, kerdes, h erdemes-e :wink:

Értem már mire gondoltál. :) Igazad van. Kijavítom.

Másik:
azért nincs 2 osztály, mert, ha megnézted az oldalt, akkor látnod kellett, h minden listaelem szélessége más. Ezt valahogy meg kellett oldanom. de ha van jobb ötleted, szívesen veszem. :)

Pl valami ilyesmi css-ben, 2 osztállyal, stb.
[code:1:76c88cfcf5]
/* az egyes menüelemekre az attribútumok*/
li. menu-active {
background-color: valami;
}

li.menu-normal {
background-color: valami;
}

/* mind2 feljebbire vonatkozik */
#fomenu li:hover {
background-color: valami;
}
/* az adott elemre külön értékek */
#iskola {
width: 2px;
}
#aktual {
width: 5px;
}
[/code:1:76c88cfcf5]

[quote:6c3b7125bb="nightw"]Hello!

Ismét itt vagyok. Most már azt szeretném kérdezni, hogy ezt hogyan lehet megoldani, hogy ie-ben is menjen normálisan:

Az IE nem ismeri igazán jól a CSS(2) szabványt, mert régi a böngésző, majd talán az ie7. Próbálgatni kell. Érdemes IE-hez külön stíluslapot használni.

A margin: 0 auto-val valakinek gondja volt IE alatt...

más: ha 0 az érték, nem kell mértékegység.
Ami biztosan hiba: a szoveg id többször szerepel (listaelemre vonatkozóan).

[quote:b833c33e69="ToFlex"]Az a kérdésem, h szerintetek lehet frontpage-ben rendes, minden böngészőben működő weboldalat csinálni? Nem akarok flame-et, csak kiváncsi vagyok.

Ha nagyon körülnézünk, sztem még most is találni olyan oldalt, amit FP-ben készített valamelyik nagyobb stúdió. Tehát a kérdésre a válasz: igen, a profik is használják.

(egyébként pedig villámgyorsan el kell felejteni ;)

A listaelemeknek külön szélességet kellett adni.
idézet a css-ből:
[code:1:ade0243f01]div#fomenu ul li {
height:29px;
}
div#fomenu li#s1 {
width:9px;
}
div#fomenu li#home {
width:55px;
}
div#fomenu li#iskola {
width:72px;
}
div#fomenu li#aktual {
width:82px;
}
div#fomenu li#eredm {
width:95px;
}
div#fomenu li#letolt {
width:124px;
}
div#fomenu li#csarnok {
width:90px;
}
div#fomenu li#turist {
width:85px;
}
div#fomenu li#kepek {
width:49px;
}
div#fomenu li#kapcs {
width:70px;
}
div#fomenu li#s2 {
width:9px;
}
div#fomenu ul {
width:740px;
}[/code:1:ade0243f01]

Ezért nem a 2 osztályos megoldást haszáltam.

Mármint az általam vázolt megoldás nem működik? Kétlem, hiszen garantáltan külön szélessége van minden listaelemnek. De ha mégis igazad van, kíváncsi vagyok, hol rontottam el. Egyébként megnéztem a css-t, szerintem túl bonyolult (id egyedileg tud azonosítani)

Mármint az általam vázolt megoldás nem működik? Kétlem, hiszen garantáltan külön szélessége van minden listaelemnek.

Az ok, h garantáltan más szélessége lesz az elemeknek, de nekem megvan, h pont mekkorának kell lennie. Az általad vázolt megoldásban nem látom, h hol állíthatnám be a listaelemek szélességét.

A css valóban elég bonyolult lett. De akkor így láttam jónak. Persze majd megnézem, hátha lehet rajta egyszerűsíteni.

Tied:
[code:1:41bb4b83e2]div#fomenu li#iskola {
width:72px;
} [/code:1:41bb4b83e2]

Enyém:
[code:1:41bb4b83e2]#iskola {
width:72px;
} [/code:1:41bb4b83e2]

Mivel az #iskola egy li element, ezért minden vonatkozik rá, ami globálisan li-re be van állítva, vagy pedig pl adott osztály/osztályok esetén, vagy pl div#fomenu li formában megadva stb. Az itt nem meghatározott elemeket lehet módosítani az #iskola (vagy úgy tűnik: li#iskola) résszel (az utóbbi megoldás eddig nem ismertem).

Tied:
Kód:
div#fomenu li#iskola {
width:72px;
}

Enyém:
Kód:
#iskola {
width:72px;
}

Mivel az #iskola egy li element, ezért minden vonatkozik rá, ami globálisan li-re be van állítva, vagy pedig pl adott osztály/osztályok esetén, vagy pl div#fomenu li formában megadva stb. Az itt nem meghatározott elemeket lehet módosítani az #iskola (vagy úgy tűnik: li#iskola) résszel (az utóbbi megoldás eddig nem ismertem).

Értem, h így rövidebben is írhatom, de most itt úgy látom, h te se tudod megcsinálni anélkül, h minden listaelemnek ne adnél id-t. Vagypedig nagyon félreértelek. :| A te megoldásod jó. De amit írtál le kell írnom az összes listaelemre, vagyis nem 2 osztállyal van megoldva. :|

[quote:abce3138f7="ToFlex"]Értem, h így rövidebben is írhatom, de most itt úgy látom, h te se tudod megcsinálni anélkül, h minden listaelemnek ne adnél id-t. Vagypedig nagyon félreértelek. :| A te megoldásod jó. De amit írtál le kell írnom az összes listaelemre, vagyis nem 2 osztállyal van megoldva. :|

Szerintem kölcsönös a félreértés. Egybéként csak az első listalemet lehetne külön kezelni: ul > li:first-child, a többit nem. Nekem az utolsó is kellett volna, s az sem ment már. ul:first-child:hover sem.

[quote:87a386193a="Panther"]
Szerintem kölcsönös a félreértés. Egybéként csak az első listalemet lehetne külön kezelni: ul > li:first-child, a többit nem. Nekem az utolsó is kellett volna, s az sem ment már. ul:first-child:hover sem.

Most már mondhatni értelek. Csak azt nem, h miért pont az utolsó kellett volna?

[quote:3239475911="ToFlex"][quote:3239475911="Panther"]
Szerintem kölcsönös a félreértés. Egybéként csak az első listalemet lehetne külön kezelni: ul > li:first-child, a többit nem. Nekem az utolsó is kellett volna, s az sem ment már. ul:first-child:hover sem.

Most már mondhatni értelek. Csak azt nem, h miért pont az utolsó kellett volna?

Az oldalam (mozilla, firefox jól viszi, konqueror néha hibádzik, ie nem): http://cfhay.inf.elte.hu/~panther/ és a tiedhez hasonló menüt csináltam, csak minden elemnek azonos a szélessége. A középsők elemeknek az alsó/felsó border-je megváltozik, az elsőnek a bal, utolsónak a jobb szegély is. Ezt nem tudtam megoldani simán css-ből, külön el kellett keresztelnem a legelső listaelemet menu-first-nek (class), és menu-last-nak. Kicsit gány lett a css, de legalább müxik :)

[quote:1c2f3e18fd="Panther"]csak minden elemnek azonos a szélessége

Nálam nem. :) Igaz most win-ben vagyok Firefox 1.0.4-el.

Ötletes megoldás h csak a szegélyt és a szövegszínt változtatod. Olyan, mintha elhalványulna. :)

Most már tényleg értem mire gondoltál.

Ajállom figyelmedbe a táblázatokat a vonalasnál... (amúgy van lehetőség PRE használni is, és a &nbsp;) Ha táblázatot használsz, akkor a vonal <hr> és <center> a hr-nek és a szövegnek is, másik előny, nem kell frame, ne használj frame...

2. Meg lehet oldani PHP nélkül is, de PHP-val szebb...

Az nem baj, hogy CSS használsz, inkább az a baj, hogy böngésző függő a dolog, gondolok itt IE köztudott CSS problémájira...

Tényleg!

Nem tudod véletlenül hogyan lehet pl a HUP rss-ét megjeleníteni a weboldalamon, ami majd nyáron készül?

Tényleg!

Nem tudod véletlenül hogyan lehet pl a HUP rss-ét megjeleníteni a weboldalamon, ami majd nyáron készül?

Tényleg!

Nem tudod véletlenül hogyan lehet pl a HUP rss-ét megjeleníteni a weboldalamon, ami majd nyáron készül?

HUPSSSZZ! :oops:

ez nem tudom hogy történhetett. Bocsika. :oops:

Hello!

2. kérdésedre: Meg lehet csinálni php nélkül. Most ezen dolgozom: http://kanizsai-iskola.uw.hu/index.php (még nem végleges). Ebbben se php-vel van megcsinálva. A php kiterjesztés ne tévesszen meg, csak file include-olás van benne azért kellett.

3. kérdésedre: Persze, h nem gond. De én xhtml+css-ben csináltam. De a css-el néha gondok vannak ie-ben. De persze megoldhatók.

4. kérdésedre: Ne használj frame-eket. Nézd meg itt, h miért ne: http://www.hszk.bme.hu/~hj130/hasznalhatosag/frame/index.html

Javaslom a http://weblabor.hu/ olvasgatását. Meg az alapokhoz: http://www.w3schools.com/.

Ha gondod van nyugodtan írj.

hát 5letem van rá: magpie rss pl Az egyetlen gond vele, hogy ha az rss szerver felé meghal a net, akkor nem generálódik az oldal. Ráadásul cache-el, szal nem is frissül. Nem volt kedvem a kódba belenézni. Egyébként érdemes megnézni (jó rég használtam utoljára, lehet, hogy beállításokra nem figyeltem eléggé).

Az oldalamon tényleg nem fix a szélesség :) Annyit módosítgattam, hogy már nem emlékeztem, mi lett a végleges :)

Ha a méret a lényeg, akkor XML + XSLT... az ie 5.0 is támogatja, ráadásul css is hozzácsapható (épp ezzel kísérletezem :))