9143
HTML-szerkesztés kezdőknek!!!
  • Dj Faustus #5179

    Használata:
    1. A HTML oldalba bbe kell csatolni a stíluslapot és a Javascript könyvtárat:
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="script.js"></script>

    2. Létre kell hozni a képeket és a hosszabb leírást tartalmazó linkeket.
    A linkeket link értékű class attribútumot kell adni, a linkekbe kerül először a hosszabb leírás <span> és </span> elemek közé rakva, majd az adott kép:
    <a href="#" class="link"><span>Ide kerül a link leírása.</span><img src="kep.jpg" alt="Képaláírás" /></a>
    3. Majd végül létre kell hozni egy infobox id-jú blokkot:
    <div id="infobox"></div>
  • Razah
    #5178
    Köszönöm szépen, működik, csak... hát egy kicsit hosszabb szövegről lenne szó, mint amennyit egy sor képes befogadni. Ez egy átlagos szöveg:

    "Stance. 5...10 másodpercen keresztül 33 százalékkal gyorsabban mozogsz, és 50%-ot visszanyersz a felhasznált adrenalinból. Berserker Stance véget ér, ha egy skillt használsz."

    És ebből már nem is tudok lefaragni, hogy rövidebb legyen, mert teljesen értelmét vesztené.
  • 0ppika
    #5177
    köszi
  • Dj Faustus #5176
    <img src="kep.jpg" tab="szövegdenemtúlhosszú:(" />
    helyett
    <img src="kep.jpg" alt="Képaláírás" title="Képaláírás" />
    mivel tab attribútum nincs, az alt attribútum meg kötelező, a title attribútum meg rövid szövegek kiírására alkalmas.
  • Cat 02 #5175
    de sztem van erre rendes js is :)
  • Cat 02 #5174
    olyan van hogy <img src="kep.jpg" tab="szövegdenemtúlhosszú:(" />
  • Razah
    #5173
    Sziasztok!

    Egy kis (nagy) segítségre lenne szükségem. Hogy tudom azt megcsinálni, hogy ha egy kis képre ráhúzom az egeret, akkor egy táblácskán előjön egy rövid magyarázó szöveg ( mint itt is néhány linkhez rendelt reklám szöveg)?Egy játék klánjának az oldalát csinálom, és arra gondoltam, hogy ezzel segíteni tudnék az újoncoknak, ha ismertetem velük a varázslatokat (képpel, és hatásainak magyarázatával. Az onMouseOver képcserélő változatával próbálkoztam, működik is, de van egy kis szépséghibája, a két kép mérete nem egyforma,(és mivel táblázatban, több oszlopban vannak a képek)a másik oszlop teljesen elcsúszik. Van erre más megoldás is?
    Előre is köszönöm :)

  • Dj Faustus #5172
    A hosszú lap elejére teszed a hivatkozást:
    <a href="#ugros">xí cikk</a>
    Ez esetben a link oda vezet, ahol a szövegben az adott elem id attribútuma ugros:
    <p>Itt van sok szöveg a hivatkozások és az adott hely között</p>
    <p id="ugros"> ide fogok ugrani</p>
    <p>Itt van sok szöveg az adott hely után</p>
  • 0ppika
    #5171
    köszi, de ebből nem sokat értek
  • Cat 02 #5170
    <a href="#ugros">xí cikk</a>

    <p id="ugros"> ide fogok ugrani</p>
  • 0ppika
    #5169
    Köszi a segítséget, csak most volt több időm megnézni ...

    Azt hogyan tudom megcsinálni, hogy egy hosszú szöveges lap elejére teszek hivatkozásokat, hogy egy adott helyre ugorjon a lap?
  • Dj Faustus #5168
    Egy helyre elegendő lett volna megadnod a kérdést.
    Itt már válaszoltam rá.
  • Nufy
    #5167
    Sziasztok

    Hogy lehet egy total commanderbe feltöltött mappához 777-es jogot adni?
  • Dj Faustus #5166
    Bővebben erről: http://htmlinfo.polyhistor.hu/css2ref/visufx.htm#overflow
  • Dj Faustus #5165
    A cellának adj megfelelő id attribútumot:
    <td id="scrollable">Itt a nagyon-nagyon-nagyon hosszú tartalom</td>
    Amire CSS-ben - itt HTML kódba ágyazott típusként - hivatkozol:
    <style type="text/css">
    #scrollable {
    width: 400px;
    height: 500px;
    overflow: auto;
    }
    </style>
  • abzu
    #5164
    üdv, csak annyi lenne, hogy egy cellába több szöveget szeretnék írni, mint amenyi hely van és nem akarom megnyújtani a táblát, hanm örgethetőre akarom megcsinálni

    HELP ME!
    Eblőre is THX
  • kimi88
    #5163
    üdv!
    flash mx-ben előre elkészített menüsorom van hivatkozásal, meg adott célkeret-kérelemmel együtt. ezt szépen benyomtam a frontpage-be (amin belül van a bizonyos keret), és érdekes hogy ha megnézem a mintát (~preview) a programon belül még működik...
    de ha explorerben nyitom meg a html-t már nem reagál semelyik gomb se, és nem tölti be a hivatkozást............ please help !!! :(
    köszi
  • Dj Faustus #5162
    Ha már táblázat nélkül, akkor voala - táblázat és frame-ek nélkül, diszkrét Javascript-tel (kép előtöltés+képcsere), stíluslappal (oldal kinézete) - szóval így kell ezt.
  • batman
    #5161
    Olyat nem tudsz csinálni, hogy a frame távolságát megadni a lap szélétől. Olyat viszont tudsz csinálni, hogy a framen belül hova helyezkedjen a tartalom. Legegyszerűbben úgy, hogy pl. a bal menü estén egy táblázatba rakod a gombokat, és minden cellánál jobbra helyezed a tartalmat: <td align="right">cella tartalma</td>
  • 0ppika
    #5160
    KÉP
    Táblázat nélkül, frammel akarom megoldani a menü elhelyezését, azt szeretném ha egy volnalban lenne a menü és a fenti banner bal széle.
    Lehet hogy nem nem is így kéne megoldani, csak azt szeretném ha mindkettő fix lenne, és a középső rész gördülne csak.
    Úgy gondoltam hogy a bal oldali fram széléhez rendezve lennének a gombok. Az a porobléma hogy hiába adom meg a frame távolságát pixelben a lap szélétől, más képernyő felbontáson nem a banner szélénél lesz.
    Van olyan hogy relatív távolság, de annál is ugyan ez a helyzet.
  • Dj Faustus #5159
    Az adott oldal: http://oppi.extra.hu/

    "más, az miért van, hogy firefoxxal látszik egy táblázat, pedig a lap hátterével azonos színű? ie-vel nem látni ..."
    Ugyanis a <table> elem border attrbútuma 1. Állítsd 0-ra, akkor nem lesz szegély.

    Idézet a nekem küldött privát üzenetből (azért teszem közkinccsé hogy mások is okuljanak belőle):
    "A frame-es kérdésem az lenne, hogy a menüt egy vonalba szeretném rakni a fenti banner szélével, ahogyan most van a táblázatban."
    Egyrészt ennek semmi köze a frame-ekhez.
    Másrészt a <td> elemnek van egy valign attribútuma, amit ha top-ra állítasz, a tartalom, mindig a cella felső részében fog tartózkodni.
    Harmadrészt a menűt tartalmazó cellából szedd ki az üres bekezdéseket - az is lentebb tolja a tartalmat:
    <p>&nbsp;</p>
    <p>&nbsp;</p>

    Negyedrészt: a "gombok" közé (a </a> és az <a.......> elemek közé) tegyél sortöréseket: <br>

    "A bajom az hogy a frame távolságot hiába adom meg például a lap bal oldalától, mert ugye más felbontáson máshová fog esni."
    Na ezt meg nem értem. Fejtsd ki bővebben.
  • ldavid
    #5158
    kösz! és a linkeket is, majd később átrágom őket
  • Dj Faustus #5157
    "dreamweaverben fram-ekkel kapcsolatban tudna segíteni valaki?"
    Mondj konkrét problémát, akkor esetleg tudunk segíteni (és ne lepődj meg azon hogy nem "kattints ide meg oda"-jellegű választ fogsz kapni).

    "más, az miért van, hogy firefoxxal látszik egy táblázat, pedig a lap hátterével azonos színű? ie-vel nem látni ..."
    Mármint a táblázat szegélye?
    Mutass példaoldalt!
  • Dj Faustus #5156
    <td> elem rowspan attribútum:
    <table>
     <tr>
      <td>1</td>
      <td rowspan="2">2</td>
     </tr>
     <tr>
      <td>3</td>
     </tr>
    </table>




    A táblázat nem oldalszerkezet kialakítására szolgál:
  • 0ppika
    #5155
    dreamweaverben fram-ekkel kapcsolatban tudna segíteni valaki?
  • ldavid
    #5154
    máshogy tuti nem lehet? :/
  • rushman
    #5153
    jobb ötletem nincs mint két táblázattal:


    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <table width="50%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
  • Cat 02 #5152
    megnyitod vmi weboldal szerkesztővel =)
  • ldavid
    #5151
    Valaki megtudná nekem mondani hogy egy 2x2-es táblázatban a jobboldali kettőt hogyan tudom egyesíteni? hogy olyan legyen mintha egy cella lenne?

    pl. így:


    találtam egy ilyet: ROWSPAN="szám" de ezt gőzöm nincs hogy kell használni..
  • 0ppika
    #5150
    köszi, sikerült!

    más, az miért van, hogy firefoxxal látszik egy táblázat, pedig a lap hátterével azonos színű? ie-vel nem látni ...
  • edeleny
    #5149
    Köszi a választ,keresek olvasok.
    Idáig html-ben szerkeztettem,abba ástam bele magam,kicsit.
  • Dj Faustus #5148
    Shoutbox, tagboard, chat - ezek a varázsszavak.
    Vagy külső szolgáltatást használsz:
    http://cbox.ws/
    http://www.myshoutbox.com/
    Vagy keresel egy PHP-szkriptet, és a mellékelt leírása alapján jársz el:
    http://hotscripts.com/
    http://phpscript.extra.hu/
    http://www.freecode.hu/
    Vagy rendesen megtanulod a PHP-nyelvet (vagy valami más szerveroldali nyelvet, de a PHP van elterjedve).

    http://www.sg.hu/forumkereso.php?mit=shoutbox&hol=full
    http://www.sg.hu/forumkereso.php?mit=tagboard&hol=full
  • edeleny
    #5147
    Hali.
    Olyan problémám lenne,hogy a formálodo lapomra szeretnék egy üzenöfalat,ahova bárki irhat,egy kis ablakba,meg lehet ezt oldani valahogy?
  • Dj Faustus #5146
    Mint előzőleg javasolták keress rá a javascript (ezen a szkriptnyelven is megoldható a dolog) rollover (ez pedig a technológia elnevezése).
    A lényeg: amikor rámész az egérrel a "gombra" (ami egy kép és egy link) akkor bekövetkezik az onMouseover esemény. Amikor elhagyod, az a
    Ekkor kell kicserélni a képet.
    A képre például a name attribútuma alapján hivatkozhatsz (de hivatkozhatsz saját magára is), a képnek pedig a src attribútumát kell átállítani.

    Tehát képre való hivatkozással:
    <a href="#" onMouseover="document.images['.src='[szin=blue]be.jpg';" onMouseout="document.images['.src='[szin=blue]ki.jpg';">
     <img src="ki.jpg" alt="Ez egy szép kép" name="kep" />
    </a>


    Önmagára való hivatkozással:
    <a href="#">
     <img src="ki.jpg" alt="kep" onMouseover="this.src='be.jpg';" onMouseout="this.src='ki.jpg';" />
    </a>


    Ezt persze lehet finomítani kissé diszkrétebbé teheted, írhatsz rá cserefüggvényt, stb, stb.... ...mint szkriptnyelveknél és programozási nyelveknél a lehetőségek száma nagy.
    document.images

    [url=http://htmlinfo.polyhistor.hu/js13ref/ops.htm#1043482]this
  • 0ppika
    #5145
    nem igazán sikerül, megtaláltam a régi scriptet, gondolom ugyan az, a gomb működik, de hogyan tudom a helyzetét beállítani, pl egy meglévő lapon ha táblázatban vannak a gombok, azokra hogyan tudom átírni?
  • batman
    #5144
    keress rá a "rollover+javascript" kifejezésekre
  • 0ppika
    #5143
    köszi szépen, sikerült egyedi "kurzor ikont" berakni ...

    azt hogy tudom megcsinálni, hogy ha egy menü gombra megyek az egérrel akkor átválson a gomb képe?

    volt régen valami java scriptem, de nem találom
  • Dj Faustus #5142
    Az előbb említett lejátszó pont olyan.
    Képes az automatkus lejátszásra (ami a látogatókat kifejezetten irritálja), illetve a Pause (pillanat-állj) funkció is van benne.
  • hinar
    #5141
    Köszike.
    Én olyanara gondoltam, hogy ha betölttödik az oldal akkor elkezdi játszani a számot, és csak leállítani lehet ilyetve ha elinditom újból akkor olyan a már eltelt időt figyelembe véve játsza tovább (Olyan mindha csak lehallkitanád a számot).Csak flash játszókat találtam. De amit igazán keresek azt sajnos nem.
    Tudsz ilyenbe segíteni....???Vagy hogy keresem...
  • Dj Faustus #5140
    Flashben készült MP3 lejátszó: