9143
HTML-szerkesztés kezdőknek!!!
  • Maximus4
    #8742
    Azt nem tudja valaki,hogy lehet eltüntetni egy topikból a fejléc körüli hírdetést?
  • BEE LEE
    #8741
    Ja...

    igen, lentebb említettem, hogy vmi galériát szeretnék, és
    már ott jártam, bocs!

    a naptár beszúrása 1xű feladat, de a galéria kódjával nagyon nem tudok mit kezdeni!

    kösz.
  • kispeki
    #8740
    Azt ugye vágod, hogy ebben semmi naptár nincsen? Ez egy egyszerű Jquery Slider ha jól értelmeztem.
  • BEE LEE
    #8739
    köszi.

    találtam egy tök jót, ami megfelelne, de

    van egy ilyen kódom:

    $(document).ready(function(){
    $("#slider").easySlider({
    auto: true,
    continuous: true
    });
    });


    na most ezt ide szeretném tenni:
    <div id="center_right">...ide...</div

    csakhogy ez ugye magában nem lehetséges.

    de akkor hogyan?

    a css részét beillesztettem, de ez ha jól gondolom php.

    és az főleg nem megy!

    köszi.
  • Cat 02 #8738
    Google naptárat biztos ki lehet rakni, arra fele kutakodj.
    A javascriptes galériákhoz (pl ClearBox) nem kell programozói tudás.
  • BEE LEE
    #8737
    Hali!
    Szeretnék egy egyszerű naptárt az oldalra, amit egy 220x250px helyre tudok beill.-ni.

    Tud vki ilyet, mert én nem találtam?

    Az lenne a kérdésem, hogy egy galériát is szeretnék, de amit találtam vagy javascriptes, vagy mootools, vagy jqery-s. Nos egyiket sem értem.

    Ezek, alapból mennek, ha felrakom a tárhelyre, vagy a progit is fel kell tenni?

    Köszi a segítséget!!!!!!!!!
  • viso 007
    #8736
    Köszönöm a válaszotokat!
  • Voyager5
    #8735
    iecollection vagy ietester.
    A collection lenne a jobb, csak emlékeim szerint win7-et nem szereti.
  • Malakai
    #8734
    Vagy virtualizálva futtatni, de jobb lenne, ha elférne egymás mellett több IE, mert azért ezek mindegyikének vannak limitációi, de olyan nem lesz, köszönhetően a winbe való erős integrációnak.
    Legjobb lenne, ha köv IE-kbe (9) beleraknának korábbi módokat, tehát lenne benne IE 5.5-6-7-8-stb mód, de legalább a 6-os, persze úgyse lesz ilyen se. :P
  • ldavid
    #8733
    ez mutatja rögtön (ie5.5-8)

    meg létezik egy IE tester nevű program is ilyen célra
  • viso 007
    #8732
    Sziasztok!

    Ti hogy ellenőrzitek a kész munkáitokat régebbi pl. ie6 böngészőben?
    Ezt ismerem browsershots.org/ de nem az igazi, mert sokat kell rá várni.
    Nektek van valami jobb módszeretek?
  • Maximus4
    #8731
    Srácok,királyok vagytok!
    Nagyon köszönöm a segítséget
  • Voyager5
    #8730
    Nézd meg amit Faustus csinált. link

    a <div class="tartalom">
    </div> -en belül van egy újabb div, amit a stílusoknál deklaráltál is (.tartalom belso)

    tehát módosítsd ilyenre:
    <div class="tartalom">
    <div class="tartalom_belso">
    ÉS IDE JÖHET A SZÖVEG!
    </div>
    </div>

    Hogy kicsit tisztában legyél a html tagokkal töltsd le
    Nagy Gusztáv Webprogramozás jegyzetét és olvasd át alaposan a HTML bekezdést.
    Utána már könnyen fog menni.
  • kispeki
    #8729
    áááh.. meg is van :D

    <div class="tartalom">
    </div>

    ezt írd át így:
    <div class="tartalom">
    <div class="tartalom_belso">
    és ide írd a szöveget :)
    </div>
    </div>
  • kispeki
    #8728
    mégse, visszavontam, már látom, meg van adva :)esetleg egy link-et tudnál dobni? :)
  • kispeki
    #8727
    azért, mert itt nem adtál meg width:-et

    .tartalom {
    background-image: url(http://stego.uw.hu/20101005_farmer/tartalom.png);
    height: 589px;
    }
  • Maximus4
    #8726
    Azt már próbáltam,de akkor nem marad a kereten belül:)
  • kispeki
    #8725
    <div class="tartalom">
    </div>

    közé :)
    pl.:


    <div class="tartalom">
    Lorem ipsum dolor sit amet...
    </div>
  • Maximus4
    #8724
    Megint itt vagyok egy újabb láma kérdéssel:P
    Megcsináltam amit írtál és minden rendben is van.Így néz ki:
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-2"
    http-equiv="content-type">
    <title></title>
    <style type="text/css">
    body {
    background-color: #8a90c2;
    text-align: center;
    }
    .fejlec, .tartalom, .lablec {
    margin: 0 auto;
    width: 980px;
    background-repeat: no-repeat;
    background-position: left top;
    }
    .fejlec {
    background-image: url(http://stego.uw.hu/20101005_farmer/fejlec.png);
    height: 167px;
    }
    .tartalom {
    background-image: url(http://stego.uw.hu/20101005_farmer/tartalom.png);
    height: 589px;
    }
    .tartalom_belso {
    margin: 0 38px 0 36px;
    overflow: auto;
    height: 589px;
    width: 906px;
    text-align: left;
    }
    .lablec {
    background-image: url(http://stego.uw.hu/20101005_farmer/lablec.png);
    height: 28px;
    }

    </style>
    </head>
    <body>
    <div class="fejlec">
    </div>
    <div class="tartalom">
    </div>
    <div class="lablec">
    </div>
    </body>
    </html>

    A kérdésem,amit írni akarok szöveget bele,hova írjam?
  • Rincewind
    #8723
    Huh, nem hiszem el, hogy egy ilyen trivialis dolog volt a ludas... Kosz! :D
  • Malakai
    #8722
    Nálam megjelenik Chrome alatt, lehet csak a cachel van a gond nálad.
  • Rincewind
    #8721
    Lenne egy kerdesem a favicon-okkal kapcsolatban (gyk. a kis icon, ami megjelenik a url mellett meg a bookmark-knal).

    Van nekem ez az oldalam: KLATTY (mar nem mai darab szegeny :), es Chrome alatt a favicon valamiert nem akar megjelenni. IE alatt viszont tokeletesen mukodik, FireFox most nincs fent azzal nem neztem.

    Igy van definialva:

    link rel="shortcut icon" href="favicon.ico" type="image/x-icon"
    link rel="icon" href="favicon.ico" type="image/x-icon"

    Mi lehet problema?
  • Maximus4
    #8720
    Értem,köszönöm!

    Holnap majd nekiállok hátha ezek alapján már menni fog:)
    Köszi még egyszer mindenkinek,sziasztok!
  • Voyager5
    #8719
    Én általában 1000px szélességűre tervezem az összes oldalt.

    Az az oka, hogy sokan használnak még 1024x768-as felbontást, az oldalsó görgetősáv meg kb 20px-nyit tesz ki. Így aki ilyen felbontással nézi annak nem jelenik meg alul a bal<->jobb görgetősáv illetve ugye a tartalom nem csúszik ki jobbra.
  • Maximus4
    #8718
    Te jó ég,pont ilyenre gondoltam!Nagyon köszönöm a segítséget mindnyájatoknak!Átnyálazom amiket írtál és ha még gondom lesz jövök lámáskodni:D

    Még egy kérdés.
    Mekkorára érdemes csinálni az oldalt?Értem ezalatt a méretét.Mert én 1280x1024-re csináltam,de ugye rengetegen használnak wide monitort.Azokon,hogy fog megjelenni?
  • Maximus4
    #8717
    Köszi,ez már majdnem olyan mint ami nekem kell:)
    De most mozog a háttérkép is.Ha jól tudom ezt ezzel meg lehet oldani:
    background-attachment:fixed;
    Lehet,hogy nem fogalmaztam elég világosan,bocsi.
    Én azt szeretném ha a farmerama,lécekkel keretezett részébe tudjak írni és csak a kereten belül legyen görgethető a szöveg.
    A képpel pedig az a baj,hogy ha le is tudom fixálni akkor sem látszik az alja.
  • Dj Faustus #8716
    Itt láthatsz egy példát egy megvalósítási lehetőségre, az oldal kinézetét beállító stíluslap innen érhető el.

    A lényeg az, hogy 3 részre osztjuk az oldalt:
    - egy 980*167 pixel méretű "fejléc"-re
    - egy 980*589 pixel méretű "tartalom"-ra
    - egy 980*28 pixel méretű "lábléc"-re
    Mindegyik blokk háttere adott képű (lásd: background-image CSS-tulajdonság), pozicionálású (lásd: background-position CSS-tulajdonság), nem ismétlődik (lásd: background-repeat CSS-tulajdonság).

    A "tartalom" blokk belsejében elhelyezünk egy "tartalom_belso" nevű blokkot, aminek a mérete a "tartalom" blokk-a két szélső "deszka" (a jobb és bal oldali margók is követik a "deszkák" méretét).

    Hogy a "tartalom_belso" blokkban levő szöveg ne csorduljon túl, ezt az overflow CSS-tulajdonság auto értékűvé állításával érhetjük el.
  • CattiBrie
    #8715
    ja, tévedek

    ne background-image: legyen, hanem csak background:

    boci!
  • Voyager5
    #8714
    background-image-be nemfogja elfogadni a repeat parametert.

    <body
    style="background: url(http://noob.hu/2010/10/04/masik_oldal1.png) no-repeat;">

    vagy:

    <body
    style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png) ; background-repeat: no-repeat;">
  • Maximus4
    #8713
    hmm..így meg nem jeleníti meg a háttérképet.
    Ez marad belőle:

    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-2"
    http-equiv="content-type">
    <title></title>
    </head>
    <body style="">
    <br>
    <br>
    </body>
    </html>
  • CattiBrie
    #8712
    Aham, ez jó

    Ez helyett:

    <body
    style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png);">


    így:

    <body
    style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png) no-repeat;">


    Ezt írd bele, mentsd el és böngészőben nyisd meg. :)
  • Maximus4
    #8711
    Ennyi van a forrásban ha csak a kép van benne:

    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-2"
    http-equiv="content-type">
    <title></title>
    </head>
    <body
    style="background-image: url(http://noob.hu/2010/10/04/masik_oldal1.png);">
    <br>
    </body>
    </html>

  • CattiBrie
    #8710
    Van olyan, hogy forrás.
  • Maximus4
    #8709
    A helyzet az,hogy megnyitom a programot és azon belül a formátum fülön keresztül tárhelyre feltöltött háttérképet berakom és ennyi.A body részbe csak ez van:(
    Aztán van css gomb ahova beírtam amit kispeki javasolt,de az nem működött.
  • CattiBrie
    #8708
    Elvileg a body kapja meg a hátteret, de lehet, hogy table-nek célszerűbb volna (most ezt nem tudom). Elvileg van valahol valami ilyen rész:

    style="background:url('hatter.jpg')"

    ezt kell bővíteni úgy, hogy

    style="background:url('hatter.jpg') no-repeat"

    Elvileg. :)
  • CattiBrie
    #8707
    A forrásban van olyan rész, hogy body vagy valami meg, hogy background? Azt a sort bemásolnád nekem ide?
  • Maximus4
    #8706
    Beírtam és megpróbáltam írni bele de alul még egyszer megjelent a háttérkép:(
  • kispeki
    #8705
    Nem ismerem a Kompozer-t, de ha lehet benne CSS-t szerkeszteni, akkor abba ezt írd bele:

    margin: 0 auto;
    overflow: auto;
    width: 1234px
    height: 5678px;

    Természetesen a width és a height attribútumot a kép (a fejléc alatti kékes terület) szélességéhez és magasságához mérten állítsd be.
  • Maximus4
    #8704
    Sziasztok!

    Iszonyat kezdő vagyok és ezért sry a láma kérdésért,de egy kis segítség kellene.
    Kompozer-el próbálok összedobni egy oldalt és az lenne a gondom,hogy lehetne úgy lefixálni a háttérképet(ami a programba nem látszik teljesen,és ez a gond),hogy amit bele írok az gördüljön lefele,de a kép maradjon egy helyben?

    Szóval,ebbe a képbe szeretnék írni a fölső léc alá úgy,hogy ha végére érek(az alsó lécig)akkor maradjon fixen a kép de a szöveg gördüljön lefele.És persze fölül pedig a lécnél tünjön el.

  • CattiBrie
    #8703
    Nem jó, úgy elhinnék, hogy egyedül csinálta. :)