HTML kérdésem van

[Kovács Gyula (MiniDisk)]

Rajzold le a terved. Rajzold le, hogy képezeled el a kinézetet. Hol legyen a menü, legyen-e fejléc, lábléc, szeretnél-e "bannerhelyet". Találd ki, hogy lapon belül nyíljon meg a változó tartalom, vagy mindennek külön lapot szeretnél. Ha ez megvan, tedd ide be a rajzot, és segítünk a további lépésekben.

[RedBoy]

Itt a kép amit így gyorsan össze tudtam skiccelni:

Szóval az elképzelésem az, hogy lenne egy fekete háttér, egy DJ pultal, az oldalsó sáv szürke lenne, a felsõ rész pedig a menü felõli szürkébõl menne át feketébe. A gomboknak nem kell megváltozniuk, amikor kattint rá valaki, vagy elhúzza az egeret, de az jó lenne ha kattintásra egy kis menü jelenne meg a tartaommal a könnyebb navigálásért, úgy hogy közben a "szöveg" megmaradjon. A "képtár" részhez pedig egy albumot képzeltem el, amiben a fent említett menüs megoldáshoz hasonlóan lehetne váltani (pl Képtár->természetkép->madarak, stb). És ez után megnyílna egy lapozható albumrész. Valahogy így:

Nem tudom mennyire jó elképzelés, de én ilyesmire gondoltam.

[Garono]

Kivitelezhetõ. Talán még az Nvu-val is. Próbáld ki. Nagyon egyszerû azt kezelni. Aztán ha elakadsz, akkor ott a kód nézet, mi meg mondjuk oda mit illessz be.

[RedBoy]

Rendben. Megnézem mire jutok vele

 

Később:

 

Az első kérdésem: Hol illeszthetem be a hátteret? Hogyan csinálhatok menüsávot és fejlécet?

[SzoZo]

Red Boy!

 

Nekem a javaslatom, hogy táblázatos szerkezetû oldalt csináljál, mert a DIV tagokkal nagyon nehéz.

 

Hátteret kétféle módon illeszthetsz bele.

Bonyolultabb út a CSS, én ezt jobban kedvelem.

 

CSS fájl tartalma:

body {
        background: url('mappanev/kepnev.kit');

HTML dokumentumba tedd a HEAD részbe az alábbi sort:

<link rel="stylesheet" type="text/css" href="stilus.css" >

 

 

Menüsávban táblázat legyen!

 

<table width="0" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="link1.html">Link1</a></td>
  </tr>
  <tr>
    <td><a href="link2.html">Link2</a></td>
  </tr>
  <tr>
    <td><a href="link3.html">Link3</a></td>
  </tr>
</table>

 

Ezt is jobb DIV tagokkal megcsinálni, de elõtte érdemes a HTML alapjait elsajátítani. Ehhez ajánlom a http://weblabor.hu olvasgatását.

 

[RedBoy]

Sziasztok!

Könyvesboltban jártam a napokban, és ráakadtam a következõ könyvre: HTML Technikák a gyakorlatban ( Paczona Zoltán). Nosza ma meg is vettem, hátha jó lesz valamire, és nagyon hasznosnak bizonyult. Már tudom hogy hogyan álljak neki programozni.

Szóval aki HTML-ben akar programozni, annak ajánlom.

[Garono]

A HTML nem programozási nyelv!

[Giraffe1]

Szóval aki HTML-ben akar programozni, annak ajánlom.

Tudom ocsmány kötekedõ vagyok, de ha ez a könyv arra tanít, hogyan programozzunk HTML-ben, akkor azt javaslom, hogy kerüld el minél nagyobb ívben!

 

Amit mindenkinek nyugodt szívvel tudok ajánlani az a HTML és CSS - Webszerkesztés stílusosan címû könyv, ami honlapok szerkesztését tanítja.

[RedBoy]

Bocsi.... én mondtam hatalamas baromságot... Nem programozni, hanem honlapot készíteni tanít meg.

[nagygabor]

Sziasztok.

Nem tudja valaki megmondani, hogy mért nem jelenik meg a javascript a táblázatban?

Van ez!! az oldal. Ennek a header részébe szeretnék képeket megjeleníteni ÍGY!! Az index.php-be bemásoltam azt a kódot, amit a teszt_table.html fájlban már elõre elkészítetem.

A két kód teljesen ugyan az, de az index.php-ben nem jelenik meg a script, csak a két szélsõ kép, ami állandó.

A tábla kódja: (persze a fade"x".js fájlok a helyükön vannak)

<table cellpadding="0" cellspacing="0" width="1000" border="0">
  <tr>
    <td width="162" height="auto"><img src="images/header/logo.jpg"></td>
    <td width="150"><script language="JavaScript" type="text/javascript" src="fade1.js"></script></td>
    <td width="150"><script language="JavaScript" type="text/javascript" src="fade2.js"></script></td>
    <td width="150"><script language="JavaScript" type="text/javascript" src="fade3.js"></script></td>
    <td width="150"><script language="JavaScript" type="text/javascript" src="fade4.js"></script></td>
    <td width="238"><img src="images/header/napraforgo.jpg"></td>
  </tr>
</table>

[Mezofi]

Lehet, egy másik java script is állandó vissza csatolással mûködik. És kettõ egyszerre nem jó.

A lapomon van egy csúszka ami, a lap görgetésekor csúszik, ezért a pontos idõ script nem is Mûködik.

 

[arpsoft]

Próbáld meg kivenni a zászlókat átmenetileg, hátha ez a probléma forrása.

[Mezofi]

@arpsoft

 

Igazad lehet, én azt hittem azok animált gif-ek. De nem, azok is js-el manipulált.

Nagy a valószínüsége, hogy azok kevernek be.

[arpsoft]

Elõnyöm volt, ismerem az oldal teljes kódját.

[nagygabor]

De akkor mégsem jól??

A zászlók, azok gif-ek. Ott nincsen java script. Ellenben a menü az az.

[Mezofi]

Ja, csak kicsit lejjebb kellett volna néznem, tényleg animált gif-ek.

Akkor lehet a menü kever be.

 

Pedig a menü egész jól néz ki.

[h.arpad]

Nekem a javaslatom, hogy táblázatos szerkezetű oldalt csináljál, mert a DIV tagokkal nagyon nehéz.

Nekem meg az, hogy, ha lehet, kerüld a táblázatokat, mert ahány böngésző annyiféle elrendezésben jelenik meg a tartalom.

[nagygabor]

@Mezofi, mit lehet kezdeni ilyen esetben?

Frameset?? Akkor ugye elvileg 2 oldalból áll a lap.

Meg van egy névnap script is, lehet az a baj. Mindjárt megnézem.....

Azt különben is le akartam venni, mert a Szlovák meg a Czeh névnapokat nem tudtam megszerezni...

[Mezofi]

A névnap script php, az biztos nem kavar be. A javascript gonddal nem tudom egyellõre.

[nagygabor]

Ha a menü kódját kikommentezem, akkor megy a felsõ rész.

Hogyan tudnám megoldani, hogy a menü is menjen, meg a képcsere is?

 

 

[arpsoft]

Nincsen a menu.js-ben olyan sor, hogy "window.onload=valami" ?

 

[nagygabor]

Nincs.

[arpsoft]

De van: window.onload=loadFunction, pl a menu_ie5.js-ben.

Na ezért nem indul el a fade. A loadFunction függvényekbe (böngészõnként van egy, ha jól értelmezem a kódot) írjad bele, hogy startit_4().

[nagygabor]

És lőn világosság, tényeg megy, csak minden egyes linkre kattintáskor újraindul a képcsere.

Bár ez lehet a php script hibája is.

Lehet most jön majd a frameset. A felső részbe beteszem a képcserés headert, és csak akkor változik, ha nyelvet váltok.

Ebben az esetben is mindig újra fog indulni a képcsere?

 

[Garono]

@Bederszkd

HTML BODY:

<a href="a nagy kép helye"><img alt="Kis kép" height="magasság" src="a kis kép helye" width="szélesség" /></a>