1462
HTML szerkesztés
  • geri777
    #861
    Valaki tudna segiteni a flash et hogy rakjam be a weblapra pontosan ???? Dreamwear 8 al !
  • Dj Faustus #860
    Nem Java-val, Javascripttel oldható meg.
    <script type="text/javascript">
    window.status='Ide jön a szöveg!';
    </script>
  • hispan2
    #859
    ÜDV!
    Nem kérek bonyolultat, csak egy olyan java kódrész kellene, amit HTML-be be tudok illeszteni és ami azt csinálja, hogy az alsó böngészősávban, ahol azok a dolgok pörögnek, amiket épp tölt le (képek, oldalak) egy fix szöveget rak és példul akkor sem írja ki oda egy link pontos címét, ha a linke áll a kurzor. Köszi.
  • CattiBrie
    #858
    aszittem ez valami speciális cheat és direkt hagytad le :))
  • Dj Faustus #857
    "de akkor az img alt-ja nem is kell, nem?"
    A validság és az akadálymentesség jegyében kell (bár ez utóbbit a title tag helyettesíti (?)).

    "és mi van a </a>-val?"
    Ügyes figyel! Az <img> tag után közvetlenűl kell.
  • CattiBrie
    #856
    de akkor az img alt-ja nem is kell, nem?
    és mi van a </a>-val?
  • Dj Faustus #855
    Az alt attribútumban szereplő szöveg akkor jön jól, amikor 1. nem jelenik meg a kép 2. szöveges böngészőt használnak (nem sokan, de vannak - például ha Unixos rendszeren nincs X, meg ablakkkezelő) 3. felolvasószoftvert használnak (vakok, gyengénlátók!) 4. Letiltják a képek megjelenítését, vagy lassú a netük.

    Ahhoz hogy az alt attribútumban szereplő szöveg megjelenjen, amikor az egér rámegy a képre (erre gondolsz?), a következő trükköt ajánlom (nem épp helyes, de ez van):
    <a href="#" title="szöveg"><img src="kep01.jpg" alt="szöveg" border="0" /><br />kep01.jpg<br /><br />

    Erre gondoltál?
  • CattiBrie
    #854

    <img src="kep01.jpg" alt="szöveg" /><br />kep01.jpg<br /><br />


    A szöveg miért nem jelenik meg IE-vel, hogyan kéne úgy megcsinálni, hogy FF-vel is működjön?

    Azt tom, hogy div-vel lehet, de img-vel?
  • Hixer
    #853
    ez király csak nem interaktív... vagyis nem lehet az egérrel le föl huzogatni.. de thx kiindulásnak jó lesz
  • totya24
    #852
    én pl tudok egy példát.... http://k-i-e-z.hu
    a koncertek úgy jelennek meg... a jobb oldalon...
  • Hixer
    #851
    Hello volna egy kérésem. Szeretnék ega weboldalra egy olyan hírsávot csinálni, amiben függőlegesen folyton mozognak fölfelé a hírek egy adott sebességgel, és ha az ember ráviszi a kurzort, megáll, illetve lehet le meg föl "huzogatni" az egészet, hogy mindet elolvashasd. mikor a hírek végéhez ér, előlről kezdené a sort és a végtelenségig menne. a híreket szeretném vonalakkal elválasztani. Tudtok példát ilyenre valamilyen weblapon?? mivel lehetne ezt megoldani?
  • Dj Faustus #850
    Hello,
    első kérdésedre válaszolva - csak találgatni tudok.
    Legvalószínűbb az, hogy bár az 50 és 70 pixeles méretet tartja a méret és az idő oszlop, viszont a címnél nincs semmilyen méret megadva: td style="font-weight:bold;"><a href="Princedemonsolo.rec">Lost Prince Demon Solo and Warlock Quest</a></td>.

    A másik lehetőségnek a boxmodel méretének IE általi szabadon vételét tartom. Ebben a fórumtopicban éppen erről van szó.

    Adok néhány böngészőképet:
    Firefox 1.5.0.1
    Internet Explorer 6.0 Sp2
    Internet Explorer 5.5
    Opera 8.51 - na ezen meglepődtem
    Links - szöveges böngésző

    Második kérdésedre: ha ez egy oldal bal felső sarka, akkor ez 4 div egyben
    <div id="border1">
    <div id="border2">
    <div id="border3">
    <div id="content">
    </div>
    </div>
    </div>
    </div>

    És itt találhatod a blokkok szélességét mutató ábrát. A nyíl a blokk szélességét, a blokkok között pedig keret (border) van. Példéul a border3 és a content között sötétkék (ez a content keretje), a border2 és border3 között világosabb árnyalatú (ez a border3 keretje), a border2, és a border1 között sötétszűrke (ez a border2 keretje), a border1-en túl világosszürke (border1 keretje).
    Hasonló példa: HTML, CSS, PHP help #878-as hozzászólás (lásd ott az innerborder, outerborder példát).
  • CattiBrie
    #849
    Még egy kérdés: azt hogyan oldanád meg azt, ha olyan keretet szeretél egy weboldalra, mint pl ez link (kép)?

    Mert ugye nekem erre az első gondolatom az volt, hogy táblázat + táblázat + táblázat...

    Lehet, hogy erre is van egy egyszerű megoldás?



    Egyébként bordernek lehet képet megadni?
  • CattiBrie
    #848
    Szervusz Faustus!

    Ismét szeretnék egy segítséget kérni!
    Van ez a weboldal, amit csináltam (azt ne nézd, ide nem tettem bele végül az auto margines cuccot...). A probléma az, hogy FF-vel jó, ám ha IE-vel van nézve, akkor a méret és a hossz táblázata teljesen el van csúszva.
    "1,46 MB és 65:36 min"
    Nem tartja meg a beállított 50px, illetve 70px széles méretet. Miért van ez? Vagy ezt hogyan kellett volna megicsnálni?

    Köszi!
    Catti
  • CattiBrie
    #847
    Köszönöm szépen!
  • Dj Faustus #846
    "Már csak annyi, hogy hogyan tegyem akkor középre a táblázatot, ha nem <center>-rel, illetve align-nal nem működik?"
    A táblázatnak jobbról és balról auto margó (margin: 0px auto;).
  • Dj Faustus #845
    "Erre gondoltam. Itt alul a két forrás. Ugyanúgy áblázat, egyátalán nem említ "fos" div-et. .)"
    Épp azt ecseteli, hogy a táblázatokat csak NAGYON SZÜKSÉGES ESETBEN (ne oldalszerkezet készítésére) használd.

    "A DOCTYPE-ról tudnál nekem valami magyar oldalt adni ahogy normálisan le van írva, hogy az mire jó, mert arra még nem jöttem rá? :)"


    "tehát ha én azon az oldalon azt a menüt a jobb oldalra szeretném helyezni, akkor nem csak azt mondom, hogy "jobbra át", hanem ehelyett most álljak neki számolgatni, hogy mégis mekkora margin-t hagyjon balról, hogy egész jól mutasson a jobboldalon..."
    Balról auto margó, jobbról néhány pixelnyit.

    "Css ben még mindig nem értem, hogy mi a különbdég a három közöt??"
    A class több egyedet is jelölhet (több egyednek lehet ugyanaz a class-a), az id csak egy egyedet jelőlhet (egy egyednek lehet csak id-ja). A body pedig egyetlen egyedre a <body>-ra vonatkozik.

    Tehát a simával egy adott tag-et formázol, a kettőskereszttel (#) egyet, a pontossal (.) többet.

    "Hát én csináltam olyan oldalt, hogy nem a hedörben megadott szavakra keres, hanem a tartalomra, az oldalon megjelenő karakterekre, illetve első helyen hozza ki a google. És semmi köze nincs ehhez (vagy nagyon el vagyok tájolva)."
    A Meta tag-ek elavulnak. Lásd itt.

    "(illetve külön css fájl használatával plusz egy fájlt kell megnyitni - szeirntem ez kényelmetlen.)"
    Ebben az a jó, hogy megcsinálod a HTML file-t, és a design-t (CSS) optimalizálhatod 1. más felbontásokra (liquid-design), 2. más eszközökre (webTv, mobilinternet, wap) 3. vakoknak, gyengénlátóknak, stb...
    Másrészt azért jó, mert ráhúzhatod több oldalra (ha ugyanaz az oldalstruktúra) az egy CSS file-t. Ezzel a böngészőnek csak egyszer kell letöltenie a CSS-file-t, és ahhoz igazítja az oldalak design-ját.
    Harmadrészt: az oldalt nem MAGADNAK, hanem a FELHASZNÁLÓNAK készíted!
  • CattiBrie
    #844
    Már csak annyi, hogy hogyan tegyem akkor középre a táblázatot, ha nem <center>-rel, illetve align-nal nem működik?
  • CattiBrie
    #843
    tehát ha én azon az oldalon azt a menüt a jobb oldalra szeretném helyezni, akkor nem csak azt mondom, hogy "jobbra át", hanem ehelyett most álljak neki számolgatni, hogy mégis mekkora margin-t hagyjon balról, hogy egész jól mutasson a jobboldalon...
  • CattiBrie
    #842
    A DOCTYPE-ról tudnál nekem valami magyar oldalt adni ahogy normálisan le van írva, hogy az mire jó, mert arra még nem jöttem rá? :)

    Köszi :)
  • CattiBrie
    #841
    "táblátaz helyett táblázat, de ugyanúgy táblázat"
    Nem. Az oldal szerkezetének kialakításánál táblázatok helyett <div>-et használsz, amiknek CSS-el megadod a méretét, az elhelyezkedését, a színét, a keretét, stb... A helyett, hogy vacakolni kellene a <tr>, <td> tag-ek többszöri használatával, egy blokkal kell csak foglalkozni.

    Erre gondoltam. Itt alul a két forrás. Ugyanúgy áblázat, egyátalán nem említ "fos" div-et. .)
    http://zorius.dionussos.com/stupidtables/16nasty.html
    http://zorius.dionussos.com/stupidtables/17dothis.html
  • Dj Faustus #840
    "miért kéne paddingot meg margint variálnom, amikor én align-ot adok meg???"
    text-align:
    Alkalmazása: blokkszintű elemekhez

    Blokszintű elemek:
    * <ADDRESS>
    * <BLOCKQUOTE>
    * <CENTER>
    * <DEL>
    * <DIV>
    * <H1-6>
    * <HR>
    * <INS>
    * <ISINDEX>
    * <NOSCRIPT>
    * <P>
    * <PRE>

    Szóval a táblázat (<table>) nem blokkszintű elem -> nem adható meg neki text-align.
    Forrás: text-align, blokkszintű elemek.

    "táblátaz helyett táblázat, de ugyanúgy táblázat"
    Nem. Az oldal szerkezetének kialakításánál táblázatok helyett <div>-et használsz, amiknek CSS-el megadod a méretét, az elhelyezkedését, a színét, a keretét, stb... A helyett, hogy vacakolni kellene a <tr>, <td> tag-ek többszöri használatával, egy blokkal kell csak foglalkozni.

    "más: a div egy fos"
    Furcsa, akkor miért jönnek ki mostanában egyre inkább a táblázatmentes (valid XHTML kódolású/külső CSS file-t tartalmazó) honlapok? Miért van nagy divatja a szabványos weboldalaknak? Miért hangoztatják ergonómusok (Dr. Jakob Nielsen például) a frame-/táblázatmentes oldalakat?

    Néhány weboldal amit érdemes megnézned:






  • CattiBrie
    #839
    Css ben még mindig nem értem, hogy mi a különbdég a három közöt??


    body {margin:0; padding:0}

    .related {float:right; width: 15em; margin-left:1em; margin-bottom: 1em; color:blue}

    #footer {color: gray; font-size: 0.6em; line-height: 1.2em; background-color: white; margin: 0}




    sima, pont és "kerítés" :D

    A sima az meglévő HTML tageket formáz. Ezzel szvsz gond lehet akkor, ha én csak két table-nál akarom, hogy ez így nézzen ki, de aharmadiknál már egy másikat akarok.
    A pont-tal én hozok létre egyváltozót, class-t. Igaz?

    És a #?
  • CattiBrie
    #838
    a Google vak

    "Ha már az elérhetőségnél tartunk, a forráskód minimalizálása és header tag-ek megfelelő használata elősegíti a keresőkben való magasabb találati helyezést."

    Hát én csináltam olyan oldalt, hogy nem a hedörben megadott szavakra keres, hanem a tartalomra, az oldalon megjelenő karakterekre, illetve első helyen hozza ki a google. És semmi köze nincs ehhez (vagy nagyon el vagyok tájolva).
  • CattiBrie
    #837
    "Az oldalak kinézetének megváltoztatásához csak a style sheet-eket ("stíluslapokat") kell egyedül átírni; magukhoz az oldalakhoz hozzá sem kell nyúlni."

    Hááááát. Ez egy érdekes dolog és egyben vicces is.
    (illetve külön css fájl használatával plusz egy fájlt kell megnyitni - szeirntem ez kényelmetlen.)
  • CattiBrie
    #836
    Nade őszintén, emberek!?

    Néztem ezt a hűűűdejómertnemtáblázat oldalt #821...

    Az ajánlott egy így meg úgydehiperjó másik weboldalt: http://www.csszengarden.com/

    Pont ilyen, amit én soha nem akarok majd csinálni. Én nem tom mitől, de nagyon gagyi dolog az, hogy nem lehet rendesen kijelölni a szöveget. Nem tom hogyan kell így elcsúnyázni egy oldalt, de én az ilyet rühellem.

    Részemről le a bjútifuldizájnnal.

    Egyszer már találkoztam ilyennel és az is felbosszantott.

    De azért remélem, hogy nem ez a lényege.
  • CattiBrie
    #835
    nem fulladok bele, mert sztem tök jó és nem lehet belefulladni

    de azért még majd azt megcsekkolom, hogy hogyan akarja egyszerűsíteni meg miket ír.. köszi
  • CattiBrie
    #834
    igazából most jutottam el ide


    miért kéne paddingot meg margint variálnom, amikor én align-ot adok meg???


    közbe nézem ezt a linket

    táblátaz helyett táblázat, de ugyanúgy táblázat


    más: a div egy fos

    meg ugyan nem css fájlt, de stílust használok (így egyszerűbb)


    nage align-nál tartozzunk
  • Dj Faustus #833
    A margin-nak továbbá lehet auto értéke. A padding-nak nem.
  • CattiBrie
    #832
    de sztem tök midnegy, hogy a külső rész belső tartalmának kezdését (padding) nyomom jobbra, vagy a belső rész külső margóját (margin)
  • CattiBrie
    #831
    ezt eddig is tudtam
  • Dj Faustus #830

    Nem. A margin a kereten (border) kívűli margó, a padding a keret (border) és a tartalom (content) közötti térrészt jelöli.
  • CattiBrie
    #829
    miért más marginnal csinálni mint paddinggal?


    ugyanúgy müxenkije kéne
  • Dj Faustus #828
    Egy kicsit jobb, biztonságosabb PHP-s megoldás - kell hozzá egy bejelentkező-oldal:
    <?xml version="1.0" encoding="iso-8859-2"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Belépés</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    </head>
    <body>
    <form action="index2.php" method="post">
    <p>Jelszó: <input type="text" name="jelszo" />
    <input type="submit" value="Belép" /></p>
    </form>
    </body>
    </html>


    És kell egy kiértékelő szkript (index2.php):
    <?php
    $pass=trim($_POST["jelszo"]);
    $passw="jelszavam";
    if ($pass===$passw) {
    include ("jo.htm");
    } else {
    echo ("Rossz jelszavat adtál meg!");
    }
    ?>

    Persze ehhez szükséges egy PHP-t futtatni képes webszerver.
  • LouiS Kmét
    #827
    Köszönöm szépen !

  • Dj Faustus #826
    Minimumvédelmes Javascript-megoldás - hozz létre egy HTML file-t és a <head>...</head> közé illeszd be az alábbi kódot:
    <script type="text/javascript">
    <!--
    var password;
    var pass1="cool";
    password=prompt('Írd be a jelszót!',' ');
    if (password==pass1) {
    window.location="jo.htm";
    } else {
    window.location="rossz.htm";
    }
    //-->
    </script>

    A pass1-nél szereplő cool a belépési jelszó, tetszés szerint módosítod.
  • Max7
    #825
    ezt html-ben nem lehet apropo rossz topik!
  • LouiS Kmét
    #824
    Sziasztok !
    Kis helpre lenne szükségem :
    Szeretnék készíteni egy password-ös bejelenkezést az oldalamra de nem jön össze !
    Lényeg oladalam megnyitásánál(index.htm)elöjönne a kódkérő panel és azután nyitná meg az index2.htm-et.
    Hogy lehet ezt létrehozni,és hol tárolja password-öket ?
    Egyátalán meg lehet ezt csinálni egyszerüen ?
    Valaki tud légyszi segítsen !
  • Dj Faustus #823
    A belső, menűt tartalmazó táblázatba, vagyis ebbe:
    <table style="border: 1px solid rgb(88, 88, 99); width: 60%; background-color: rgb(20, 20, 36); color: rgb(238, 129, 63); font-size: 11px;" cellpadding="7" cellspacing="0"> (jujj de ronda forma+tartalom egybefolyasztása) szúrj be margót következőképpen:
    <table style="border: 1px solid rgb(88, 88, 99); width: 60%; background-color: rgb(20, 20, 36); color: rgb(238, 129, 63); font-size: 11px; margin: 0px 1px 0px auto;" cellpadding="7" cellspacing="0">

    És ez nem a FF hibája... A hibás CSS használaté.

    Tessék hasznáni a <div> tag-et a <table> helyett!
  • CattiBrie
    #822
    Hát nem. Nem véletlen nem szeretem a FF-t.
    A link meg nem gyön be.

    Egyépként: dö link

    És nézd meg IE-vel, a menüsornak kell jobbra igazodjnak lennije.