Informatika és tudomány

9143
HTML-szerkesztés kezdőknek!!!
  • BEE LEE
    #8342
    kezdek belejönni, de a segítséged nélkül szerintem most semmire nem mentem volna. bár sokat olvasok a neten, de azért ilyen részletesen sokminden nincs meg.

    még1x köszi a segítséget!!!!
  • Dj Faustus #8341
    E helyett:
    #left, #content, #right {
    float: left;
    }
    #left, #content, #right {
    height:200px;
    }
    #left, #content, #right {
    padding: 20px;
    }

    inkább így:
    #left, #content, #right {
    float: left;
    height:200px;
    padding: 20px;
    }

    "ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem"
    Ha a #left, #content és #right elemekre, akkor:
    #left, #content, #right {
    float: left;
    height:200px;
    line-height: 200px;
    padding: 20px;
    }
  • BEE LEE
    #8340
    Így teljesen ok!!

    már csak egy kérdésem lenne. azt írtad, hogy ahol tudok csoportosítsak:
    #left, #content, #right {
    float: left;
    }
    #left, #content, #right {
    height:200px;
    }
    #left, #content, #right {
    padding: 20px;
    }

    így jó, ha ilyen sorrendbe rakom, vagy máshogy jobb lenne?

    ill. írtál egy ilyet: #content p {line-height: 200px;
    ezt közvetlen a #content{ alá tetted, ha én ezt is mindegyikre akarom érvényesíteni akkor a fenti felsorolásba betehetem, vagy mindig az adott doboz (left, right, stb.) alá tegyem?

    nagyon köszönök minden segítséget!
  • Dj Faustus #8339
    Működik az:
    HTML, CSS, megjelenés - a tartalom blokkban levő szöveg függőlegesen középen van (maga a konténer is - de az meg a margin: 0 auto; illetve a text-align: center; miatt).
  • BEE LEE
    #8338
    Faustus, nagyon köszönöm! Ez így sokal 1xűbb.

    viszont a a középre igazítás nem jött össze.
    Ezt beírtam:
    #content {
    height:200px;
    width:350px;
    background-color:#FFFF33;
    }

    #content p {
    line-height: 200px;
    }
    semmi nem változott, viszont amikor ezt is:
    <div id="content"><pTartalom</p></div>
    akkor eltűnt a felirat.

    és még egy kérdésem lenne: ha a feliratot pl. balra szeretném igazítani, de nem teljesen a szélére (mint a példában), akkor a paddingot kell álítanom? (Valami belső kontúr)

    köszi
  • Dj Faustus #8337
    Ha jól sejtem erről az oldalról van szó, ami ezt a stíluslapot használja[/url], és valószínűleg ezen iromány alapján készült.

    Ha javasolhatnám, a CSS-kódot mindenek előtt egyszerűsítsd:
    1. A CSS-kód legelejére például tedd az alábbit:
    * {
    margin: 0;
    padding: 0;
    border: none;
    }
    Ezzel minden elem margóját, kitöltését, és szegélyét eltünteted. Ez azért jó, mert eltünteted a böngésző alapbeállításaiból eredő margókat, kitöltéseket és szegélyeket, és nem kell ezeket egyesével kinyírni (esetedben a body, #container, #left, #content, #right elemeknél) - tiszta lappal indulhatsz.
    2. Ahol lehet, csoportosíts! Ahogy látom 3 blokkot - #left, #content, #right - egymás mellé akarsz "lebegtetni". A helyett, hogy mindegyiknél megadod: float: left;, vond össze a 3 elemet:
    #left, #content, #right {
    float: left;
    }
    3. A position: relative; CSS deklaráció megadása nem kell, csak a helyet foglalja.

    Így lesz a 720 bájt méretű stíluslapból 461 bájt méretű.

    No akkor középre igazítás:
    "és szövegre olvastam olyat, hogy: line-height: 100%;"
    Ha van egy, egysoros szöveged, amit egy blokk típusú elemen belül akarsz elhelyezni, a blokk magasságával megegyező line-height tulajdonsággal ruházol fel, akkor függőlegesen középre fog pozicionálódni a szöveg.

    Tehát HTML-kódrészlet:
    <div id="content"><pTartalom</p></div>
    CSS-kódrészlet:
    #content{
    height:300px;
    width:500px;
    background-color:#FFCC00;
    }
    #content p {
    line-height: 300px;
    }

    Viszont ha a HTML-kódban az adott blokkba több sor kerül:
    <div id="content"><pTartalom 1</p><pTartalom 2</p></div>
    akkor ez a trükk már nem működik megfelelően.

    "viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:"
    Tegyük fel, hogy van az alábbi iromány alapján készült HTML, és CSS kódod.

    Középre akarod pozicionálni a #container elemet.
    Ez esetben 1. a <body> elemnek megadod, hogy a szöveget pozicionálja középre:
    body {
    text-align: center;
    }

    2. a #container blokknak, meg a két oldalról automatikus margót adsz (a szöveg középre igazitását meg visszaveszed):
    #container {
    margin: 0 auto;
    text-align: left;
    width:650px;
    }
    Szóval így

    És vízszintesen középre is van pozicionálva a #container blokk.

    Középre pozicionálásról még itt illetve itt olvashatsz.
  • BEE LEE
    #8336
    különben, bár én sülthal vok, de úgy látom, hogy sok hiányossága van még ennek a css-nek (méretezés területen), pedig kegyetlen jó.
  • BEE LEE
    #8335
    na, már találtam egy csomó mindent.

    viszont annyit azért kérdeznék, merthogy mindenhol azt írják, hogy nehéz a középre igazítás, hogy:
    #container{
    position:relative;
    top:0px;
    left:0px;
    width:650px;
    margin:0;
    padding:0;
    }

    itt kell megadnom vmit, ami az oldal közepére igazítja?
    pl.: height: 100%; width:100%;

    és szövegre olvastam olyat, hogy: line-height: 100%;
    ha ezt (csak egy sorra jó, pl. menü) beállítom, akkor középre teszi a szöveget, de nekem nem jött össze.

    kösziiiiiiiii
  • BEE LEE
    #8334
    Faust, már több linket mutattál, de nekem egy olyanra lenne szükségem, ahol az alapok jól levannak írva. Rákerestem a doboz modellre, de az a helyzet, hogy olyat nem találtam ahol leírná, pl.: hogy osztom szét több darabra az oldalt.

    tehát tudod, a teljes nulláról!


    köszi.
  • BEE LEE
    #8333
    ja igen, erre emlékszem! köszi a segítséget.
    mostmár remélem boldogulok!
  • Dj Faustus #8332
    "amit linkeltél megoldást, az tök jó, csak a szín nem változik egérre."
    Kicsiny változtatás a CSS kódban és kész.

    "amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?"
    Ha külső stíluslapot használsz, akkor igen.
  • BEE LEE
    #8331
    Faustus, köszönöm!
    amit linkeltél megoldást, az tök jó, csak a szín nem változik egérre.

    amit a css-ben elmentek az minden oldalon megvalósul, ahol hivatkozok rá?


    köszi.
  • Dj Faustus #8330
    1. Szerintem használd a pastebin.com oldalt. Áttekinthetőbb kódot kapunk, és a hozzászólást sem nyújtja szét a kód.
    2. Íme egy megvalósítás: HTML, CSS (ez utóbbit mentsd el style.css néven, így fel tudod használni több oldalon a stíluslapot)
    3. Pár észrevétel:
     - Ha már magyar nyelvű oldalról van szó, az iso-8859-1-es karakterkódolás helyett használj iso-8859-2-t, vagy utf-8-at
     - A táblázat nem oldalszerkezet kialakítására való.
     - A függőleges középre pozicionálás megoldható a line-height CSS-tulajdonságnak a blokk méretére történő állításával is (lásd a CSS forráskódban: mind a height tulajdonság, és mind a line-height 45 pixel méretű),
  • BEE LEE
    #8329
    van vkinek ötlete miért nem tudom függőlegesen középre tenni a szöveget?

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <style type="text/css">

    a {
    display: block;
    width: 250px;
    height: 45px;
    text-align: center;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    }
    a:link {
    text-decoration: none;
    }
    a:hover {
    background-color:#00CC00;
    }

    </style></head>

    <body>
    <table width="250" height="45" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="251" height="45" align="center" valign="middle" bgcolor="orange">
    <a href="menu.html">EZ EGY MENÜ</a></td>
    </tr>
    </table>
    </body>
    </html>

    köszi
  • BEE LEE
    #8328
    .
  • BEE LEE
    #8327
    Igen, csak azt (Dreamweaver) valamennyire ismerem és most is úgy "tanulom", hogy a kódok változtatásával látom a változást is (design nézetben).

    Tudom, hogy ez barkácsolás, de nem vok programozó és nem is célom weboldalakkal foglalkozni. De általában olyan vok, aki ha vmibe belekényszerül, akkor igyekszem minél többet megtudni arról.

    köszönök minden segítséget!!
    még jövök :))
  • Dj Faustus #8326
    "a css nagyon érdekel, de ha fent lesz a cs4, akkor tudok csak elméjedni."
    A CSS és a Dreamweaver CS4-es változata egymástól teljesen független - szóval a CSS megtanulásához nem kell Dreamweaver (de a webfejlesztéshez sem kell feltétlenül).
  • BEE LEE
    #8325
    Faustus, neked is köszönöm, mert nagyon sokat segítesz!!

    a css nagyon érdekel, de ha fent lesz a cs4, akkor tudok csak elméjedni.
    az xhtml-t még nem néztem!

    köszi a segítséget!
  • BEE LEE
    #8324
    ldavid! jó fej vagy és segítőkész!!
    köszi minden segítséget!!!!!!!!!!!!!!!!!!!!!!!
  • Dj Faustus #8323
    "a vbscript kb megegyezik a js-el? tehát, ugyanúgy le lehet tiltani, mint a js-t? "
    A VBScript egy, a Microsft Visual Basic nyelvén alapuló szkriptnyelv. Csak Internet Explorerben fut (ott le is tiltható).
    Tessék utánaolvasni:



    "ezt a külső ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne? "
    window objektum open metódus - mint Javascriptben.

    "Egyébként egy 15 soros scriptről van szó, ami egy kb 150x300-as ablakban nyílik meg."
    Másold be a szkriptet a pastebin.com oldalra (vagy ha valamilyen weboldalról származik, add meg hol találtad), megpróbáljuk átírni.

    "azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb? "
    Előbb érdemes a(z) (X)HTML-t és a CSS-t megtanulni, az a weboldalak "alapja", utána érdemes PHP-val foglalkozni.
    Rengeteg tananyag érhető el a neten, érdemes nézegetni különböző oldalak forrásait.
  • ldavid
    #8322
    elszúrtam, a negatív számok után rakj egy !important-ot is, sorry
    pl. 0px -45px!important;
  • ldavid
    #8321
    cseréld ki a CSS-t és a menüt erre, ez jobb.
    így most egyből betölti a háttérképet ami egy fájlból áll.
    amíg nincs letöltődve a háttérkép, addig ugyanolyan szürke lesz a háttér színe.
    Ha növeled a menüpontok számát adj hozzá a CSS-hez még egy a:hover.rollover[szám]-ot és növeld a háttérkép melletti negatív számot 45-tel
    (a képet meg értelemszerűen lefelé kell növelni újabb gombokkal)


    <style type="text/css">
    #menu a
    {
    width:20px;
    height:45px;
    display:block;
    margin-right:230px;
    background:#5B5B5B url('http://i41.tinypic.com/a1s5d1.png')
    }

    a:hover.rollover1
    {
    background: url('http://i41.tinypic.com/a1s5d1.png');
    width:250px!important
    }

    a:hover.rollover2
    {
    background: url('http://i41.tinypic.com/a1s5d1.png') 0px -45px;
    width:250px!important
    }

    a:hover.rollover3
    {
    background: url('http://i41.tinypic.com/a1s5d1.png') 0px -90px;
    width:250px!importan
    }

    a:hover.rollover4
    {
    background: url('http://i41.tinypic.com/a1s5d1.png') 0px -135px;
    width:250px!important
    }

    a:hover.rollover5
    {
    background: url('http://i41.tinypic.com/a1s5d1.png') 0px -180px;
    width:250px!important
    }
    </style>


    <div id="menu">
    <a class="rollover1" href=""></a>
    <a class="rollover2" href=""></a>
    <a class="rollover3" href=""></a>
    <a class="rollover4" href=""></a>
    <a class="rollover5" href=""></a>
    </div>


    vbscriptet nem ismerem, PHP-hez vehetsz könyvet ha foglalkozni akarsz vele, de szerintem előbb szórakozz egy kicsit a CSS-el (táblázatmentes oldalszerkezet stb.), az úgyis kell szinte mindig
  • BEE LEE
    #8320
    a vbscript kb megegyezik a js-el? tehát, ugyanúgy le lehet tiltani, mint a js-t?
  • BEE LEE
    #8319
    david, akkor ez tulajdonképpen nem cseréli ki a képet, csak először 20px-t mutat, majd az egészet?

    ha színt szeretnék kicserélni képre, annak a kódja sokban tér el ettől?

    mi az a "külső ablakos"?

    azt, hogy css vagy php könyvet érdemes venni arra értettem igazából, hogy mivel semmihez nem értek, melyik hasznosabb?
  • ldavid
    #8318
    itt találsz példákat a script beszúrásra
    ezt a külső ablakos megnyitást viszont én nem értem, nem lehet, hogy a scriptben van benne?
  • ldavid
    #8317
    .rollover1 {background: url(hatterkep.png) no-repeat}

    Ez a kép látszik alapból az első linknél, de csak az első 20px széles szürke rész. Ha fölé viszed a kurzort akkor 150px széles lesz, és így látszik az egész kép

    a.rollover2 és a.rollover3 a további menüpontok, csak be kell őket másolnod mégegyszer és átírni a számot a végén 4-re 5-re stb. (de a linkeknél is ugynanúgy kell újakat berakni pl. <a class="rollover4" href=""></a>)
  • BEE LEE
    #8316
    na így értem. bár ez erős túlzás, inkább felfogtam :)
    igen ott csak színt szerettem volna, de így is jó, ha kép, csak akkor írd le légyszi, hogy mit változtassak meg, hogy mindenhol (6 menü)
    más kiinduló háteret tudjak beállítani (most szürke téglalap).

    egésznap ezen lovagolok, de nem jutok 1-ről 2-re


    mindent nagyon köszönök!!
  • ldavid
    #8315
    Az is a háttérképen van rajta, színt nem adtam meg sehol.
    (de ha nem lesz ott kép, csak színt akarsz, akkor szólj és átírom)

    szerintem minden notepad nevű program kódszerkesztő (is), kódírásnál a lényeg, hogy sima szöveget írsz és nem grafikusan húzogatod a dolgokat
    Könyvvásárlást meg te döntsd el, a neten is megtalálsz szinte mindent, de ha neked könyvből könnyebb, érdemes lehet.
  • gaborf
    #8314
    sziasztok!
    A segítségeteket szretném kérni, script html-be való beágyazásával kapcsolatban.
    Vannak szöveges fájlokba mentett dolgaim, amiket összegyűjtöttem egy html-be. Viszont van egy .vbs fájl, ami egy kereső. Ezt szeretném elérni a html-ből, úgy hogy ha megnyitom a html-t, akkor abba legyen benne és ne külön ablakba nyissa meg. Egyébként egy 15 soros scriptről van szó, ami egy kb 150x300-as ablakban nyílik meg.
    köszi a segítséget előre is.
  • BEE LEE
    #8313
    IGEN! egyazegyben ilyet szeretnék.

    a kérdésem az, hogy te minden téglalapot szürkére állítottál, de én
    azt szeretném, hogy egymás alatt más színek legyenek. azt hol adom meg, merthogy nem láltok "utalást"?

    a notepadot ismered?
    az érdekelne, hogy az kimondottan kódszerkesztő?
    Mert leszedtem és láttam, hogy kilehet választani milyen "nyelven" akarok szerkeszteni (html, php, stb...) csak mivel én nem értek hozzá
    így nekem ez a progi nem segít.

    Ill. css vagy php könyvet érdemesebb venni?


    köszi
  • ldavid
    #8312
    a -157px csak a példa háttérképre vonatkozik, ami 3x157 széles
    más méretű képnél át kell írni, attól függően, hogy mennyi, és milyen irányú elmozdulást akarsz

    #8311: a class-okra nem hivatkoztál a CSS-ben: #menu a helyett a.ap a.mu kell

    ha jól értettem, ilyet szeretnél:

    <html>
    <head>
    <title></title>
    <style type="text/css">
    #menu a {width:20px; height:45px; display:block; margin-right: 230px}

    a.rollover1
    {
    background: url(http://users.atw.hu/jokaiapartman/ap2.png) no-repeat
    }

    a:hover.rollover1, a:hover.rollover2, a:hover.rollover3
    {
    width:250px!important
    }

    a.rollover2
    {
    background: url('http://users.atw.hu/jokaiapartman/mu2.png') no-repeat
    }

    a.rollover3
    {
    background: url('http://users.atw.hu/jokaiapartman/ap2.png') no-repeat
    }
    </style>
    </head>

    <body>
    <div id="menu">
    <a class="rollover1" href=""></a>
    <a class="rollover2" href=""></a>
    <a class="rollover3" href=""></a>
    </div>
    </body>
    </html>
  • BEE LEE
    #8311
    ja és ezeket:
    "(külön a és a:hover mindnek)"

    "<a class="rollover1" href=""></a>
    <a class="rollover2" href=""></a>"
    melyik részbe kell tenni ?

    itt van, amit készítettem, de ugyanazt a képet teszi be.
    http://jokaiapartman.atw.hu/pl2.html

    köszi
  • BEE LEE
    #8310
    azt nem értem, hogy ha a kép 120px széles, akkor miért -157-et teszi arréb?
    jobban megnéztem a linkelt oldalon a leírást és sikerült is megcsinálni, de ha megtennéd, hogy megnézed ezt: http://jokaiapartman.atw.hu/pl.html

    itt látható, hogy bal szélen van egy 20x45 pixeles téglalap.
    én azt szeretném, hogy mindössze ennyi lenne a link, amiből kijön egy 250px szélességű. tehát ha a téglalap melletti fehér részre megyek, ott ne legyen link.

    vagy ezt így nem is lehet megoldani?

    köszi
  • ldavid
    #8309
    ha nem akarsz a linkbe szöveget, csak töröld ki belőle: <a hef=""></a>
    a CSS rollovernél érdemes egy fájlba rakni a megjelenő képeket (sprite), így nem fog külön töltögetni a böngésző, amikor változna a háttérkép

    gondolom azért nem történt semmi amikor az ráraktad a kurzort, mert csak egy képet tartalmaz a háttérkép
    a linekelt leírásban így néz ki:

    ennél ha főléviszed a kurzort, jobbra elmozdul a háttérkép 157 pixellel, így pont nem látszik az eredeti kép, helyette viszont látszik a második
    #menu a:hover {background-position: -157px 0px}

    ha több linkhez más hátteret akarsz, akkor többször kell ugyanígy megcsinálni (külön a és a:hover mindnek), más ID-val/class-el ellátva, pl.
    <a class="rollover1" href=""></a>
    <a class="rollover2" href=""></a>
  • BEE LEE
    #8308
    Faustus, ismét köszi a segítséget!!!

    nekem mind bonyolult, ha feltudnám végre rakni az css4-et könnyebb lenne, de...

    kipróbálom a dolgokat. köszi.

    Amúgy amit David ajánlott, találtam ezt (kicsit módosítva):
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Fast rollovers, no preload needed - Example</title>

    <style type="text/css">

    #menu a {
    display:block;
    width:250px;
    height:45px;
    margin: 0em 0; padding:0px 0 0px 0px;
    font: 14px/1 Verdana;
    color:#c60;
    background: url("ap.png") 0 0 no-repeat;
    text-decoration: none;
    }
    #menu a:hover {
    background-position: -157px 0;
    color: #E9BE75;
    }
    #menu a:active {
    background-position: -314px 0;
    color:white;
    }

    </style>

    </head>
    <body>

    <div id="menu">
    <a href="">Menu item 1</a>
    <a href="">Item no. 2</a>
    <a href="">Another (3)</a>
    <a href="">Menu item 4</a>
    <a href="">One more (5)</a>
    </div>

    <p> </p>

    </body>
    </html>

    csak, én minden menüben más képet szeretnk és nem szöveg lenne, hanem kép lenne a menü és az "egérre" változna meg a kép.

    itt viszont csak a kiinduló képet tudtam megadni és amire kellene váltania, azt nem.


    köszi, jó éjszakát!
  • Dj Faustus #8307
    3 megoldás van:
    1. Beágyazott stíluslap - a <head> és a </head> elemek közé be kell rakni a CSS-kódot <style> és </style> tagek közé ágyazva:
    <head>
    <style type="text/css">
    p {
    color: blue;
    }
    </style>
    </head>

    2. Külső stíluslap - ekkor nyitsz egy új állományt stilus.css néven, beleírod a stílusdefiníciókat - például:
    p {
    color: blue;
    }
    majd a HTML forráskódban a <head> és </head> tagek között a <link> taggel beágyazod a külső stíluslapot:
    <link rel="stylesheet" type="text/css" href="stilus.css" />

    3. Elemhez rendelt stíluslap - itt egy adott taghez tudsz rendelni stílusdefiníciót:
    <p style="color: blue;">Ez itt egy bekezdés</p>

    A 2. megoldást érdemes leginkább használni, ugyanis egy stíluslapot több lapon is fel tudsz használni, így sok munkától tudsz megszabadulni, illetve a látogató szempontjából sok sávszélességet tudsz megtakarítani (elég csak egyszer letölteni a stíluslapot, a következő lapon már a böngésző gyorsítótárából hívod elő).

    Mellesleg tessék olvasgatni:




  • BEE LEE
    #8306
    Először is köszi!! Hasznos!!!

    A kérdésem az, hogy a dreamw8-ban nem tudok css-t szerkeszteni (legalábbis én nem találok ilyet) és az egész oldal html, akkor hogy tudom ezt megoldani? Mert ugye a html kóddal nincs is gond, csak css-sel.

    köszi a segítséget!!
  • ldavid
    #8305
    CSS rolover
    angolul, magyarul
  • BEE LEE
    #8304
    Hali mindenkinek!

    szeretném a segítségeteket kérni.
    Van egy képcserélős linkem, de csak js-es. Olyat szeretnék, amihez nem kell js. Létezi ilyen?

    Ha igen megírnátok, hogy tudom megodalni?

    Itt a kódom:

    <HTML>
    <HEAD>

    <title>jokai apartman Balatonfüred</title>
    <meta name="description" content="Olcsó apartman Balatonfüreden a strandtól 200 méterre.">
    <meta name="keywords" content="apartman, balatonfüred, olcsó, szállás, kikapcsolódás, nyaralás, hotel, programok">
    <meta name="robots" content="index, follow">
    <meta name="revisit-after" content="7 days">
    <meta name="author" content="MOYO">
    <meta name="copyright" content="MINDEN JOG FENNTARTVA!">
    <meta name="distribution" content="global">
    <meta name="language" content="HU">

    <META http-equiv=Page-Enter content=RevealTrans(Duration=3,Transition=7) />
    <META http-equiv=Page-Exit content=RevealTrans(Duration=3,Transition=7) />

    <META http-equiv="Content-Type" content="text/html; charset=iso-8859-2"><style type="text/css">


    body,td,th {
    font-family: Verdana;
    font-size: 11px;
    color: #666666;
    }
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(kepek/hatter/2.jpg);
    background-repeat: repeat;
    }
    a {
    font-family: Verdana;
    font-size: 10px;
    color: #333333;
    }
    a:link {
    text-decoration: none;
    color: #595959;
    }
    a:visited {
    text-decoration: none;
    }
    a:hover {
    text-decoration: none;
    color: #6DC227;
    }
    a:active {
    text-decoration: none;
    }
    body,td,th {
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    }
    .style1 {
    font-size: 12px;
    color: #666666;
    }
    .style4 {font-size: 11px}
    .style5 {color: #666666}
    .style6 {font-size: 12px; }
    .style7 {font-size: 13px; font-weight: bold; }
    -->
    </style>

    <script type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
    <body onLoad="MM_preloadImages('kepek/menu/2a.png')">
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td align="center" valign="middle"><table width="750" height="350" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="230" height="46" align="left" valign="top" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#FFCC00"> </td>
    </tr>
    </table></td>
    <td width="500" rowspan="6" align="center" valign="middle" bgcolor="#CCCCCC"> </td>
    </tr>
    <tr align="center" valign="top" bgcolor="#FFFFFF">
    <td width="250" height="46" align="left" bgcolor="#FFFFFF"><img src="kepek/menu/1a.png" width="250" height="45"></td>
    </tr>
    <tr align="center" valign="top" bgcolor="#FFFFFF">
    <td width="250" height="46" align="left" bgcolor="#FFFFFF"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','kepek/menu/2a.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','kepek/menu/2a.png',1)"><img src="kepek/menu/2.png" name="Image2" width="250" height="45" border="0"></a></td>
    </tr>
    <tr align="center" valign="top" bgcolor="#FFFFFF">
    <td width="230" height="46" align="left" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#33CC00"> </td>
    </tr>
    </table></td>
    </tr>
    <tr align="center" valign="top" bgcolor="#FFFFFF">
    <td width="230" height="46" align="left" bgcolor="#FFFFFF"><table width="20" height="45" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td bgcolor="#0066CC"> </td>
    </tr>
    </table></td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td width="250" height="120" align="center" valign="middle"> </td>
    </tr>



    </table></td>
    </tr>
    </table>


    </body>
    </html>


    KÖSZÖNÖM a segítséget!
    De ha linket adtok az is jó, csak én nem találtam.
  • LAnta
    #8303
    Köszönöm a segítséget Faustus!