22786
Html-, css- és php-help
  • Malakai
    #16982
    Hogy minden böngészőben ugyanúgy működjön.
  • Orionk
    #16981
    Ez mit jelent?, mit akartál ezzel mondani? : " cross-browser akarsz maradni. :) "

    köszi
  • moyothomas
    #16980
    én adtam egy web címet, ahová feltettem a "kész" oldalt.

    ott egymás mellett van a video és a szöveg!

    "Egyébként meg is nézhetitek, hogy hogyan csináltam a weblapot, mert MFirefoxban a view-->page source menüpont kidobja az aktuális oldal html kódját.

    Igaz, hogy csak a html-t, és a css-t, vagy php részét azt nem, de hát szinte csak html-t használtam."

    a firefoxban egy weboldal teljes tartalmát letudod menteni és utána azt használsz belőle, amit akarsz. nincs titok :)
  • Malakai
    #16979
    A totya által linkelt oldalon lévő példa nem php, hanem javascript, azon belül is egy javascript frameworköt használ, a jQuery-t.

    A life.hu-s példa többféleképpen elérhető, alapvetően javascriptel (vagy flashel/silverlightal/akármilyen applettel, de ez mind felesleges ehhez), ott is ezt használták. Esetleg css-el is megoldható, akár animációt is css3-al. Css esetén viszont lehet többet szívsz ha cross-browser akarsz maradni. :)
  • Orionk
    #16978
    A LIFE.HU OLDALÁN a főoldalon van az a nagyobb téglalap alakú kék színű csík. A sarkai le vannak kerekítve.

    Ebben van benne az 5 fő hír, és amint látjátok, akkor ezekre a hírekre, ha ráviszitek az egeret, akkot az aktuális hirnek a képét mutatja, és klikkelhetsz.

    Ez az egész fenti dolog miben van leprogramozva?


    totya24/#16977/:
    A php nyelvben vannak változók, nem?, amik univerzálisak, tehát nem úgy mint mondjuk C-ben, hogy van integer, string, double,stb....

    De egyébként igazad van, mármint nekem az a megoldásod még bonyolult lett volna. Viszont a címet elmentettem, és amikor megtanultam az alapokat, akkor azt is megtanulom.
  • totya24
    #16977
    Nem igazán értem, milyen változókról beszélsz, de ahogy elnézem, ez számodra mindenképp egy bonyolultabb megoldás lett volna..
  • Orionk
    #16976
    Igen, tudom, hogy az oldalamon a két video az miért kicsit.
    Azt a kettő videot akarattal tettem kicsire, mert igazából csak a zene miatt tettem be.

    Valamint a másik az, hogy ha a magasságát ennek a két videónak nagyobbra teszem, akkor az oldal jobb oldalán levő fehér szöveg, az csúszik lejebb.

    Nem tudtam megcsinálni, hogy akár egymás mellett is legyen a fehér szöveg és a két video.

    Egyébként meg is nézhetitek, hogy hogyan csináltam a weblapot, mert MFirefoxban a view-->page source menüpont kidobja az aktuális oldal html kódját.

    Igaz, hogy csak a html-t, és a css-t, vagy php részét azt nem, de hát szinte csak html-t használtam.
  • moyothomas
    #16975
    ja, ha a te oldaladra töltöd fel, akkor nincs ez a reklámcsík és akkor látszik alatta a hó...
  • moyothomas
    #16974
    összedobtam kb azt.
    http://pokacsaba.atw.hu/

    a karaktereket nem kell figyelembe venni, mert az atw vmiért ezt teszi az UTF-8 kóddal.

    Különben nálad a video azért olyan kicsi, mert a táblázatnak csak h: 100
    és w: 100at adtál meg.
  • Orionk
    #16973
    igen, a youtube video beillesztés meglett, de IE-vel nem jeleníti meg a videokat, csak MFirefoxal.

    Annyi talán, hogy a youtube videokat nem tudtam csak középre, és a két szélére helyezni. Középúton nem sikerült.

    DE ITT A HONLAP nézd meg milyen lett.

    üdv.,
  • moyothomas
    #16972
    meg itt:
    http://www.w3schools.com/css/default.asp

    és itt:
    http://www.standardsmode.hu/html-css/css-alapok/
  • moyothomas
    #16971
    itt van még jó anyag:

    http://webszabvany.blog.hu/
  • moyothomas
    #16970
    sikerül vmit alkotni?
  • moyothomas
    #16969
    passatgt segített, de ezt a hátteret úgy megoldani, hogy a háttérbe simuljon 2perc. photoshop. ott a színt is megkapod, amit a kódszerkesztődbe csak beillesztesz és kész.

    a youtube beillesztést sikerült megoldani?
  • Orionk
    #16968
    konkrétan mire gondolsz? te hogyan csináltad volna?
  • moyothomas
    #16967
    most olvastam végig a háttérhistóriádat :)
    ezt jóval 1xűbben is megtudtad volna oldani.

    de...így legalább tanultál vmit.

  • moyothomas
    #16966
    HTML:
    http://pastebin.com/9WTJ5zgD

    CSS:
    http://pastebin.com/w0GXT9TR

    köszönöm
  • moyothomas
    #16965
    különben ezt minden html/xhtml oldalon kell, legalábbis célszerű használni.
    Bár az az érdekes, hogy 3éve készítettem egy weboldalt táblázatos megoldással és a doctype-ot nem írtam be, és a keresőbe beírva a kulcsszavakat az első 5helyen ez a weblap szerepelt.

    ha vmi kérdésed van, írj.
    nem sokat tok, de abban szívesen!
  • Cat 02 #16964
    Linkelj teljes forráskódot szerintem, pastebin.com.
  • moyothomas
    #16963
    én sem vok otthon ezekben, de ez talán segít:
    http://htmlinfo.hu/2009/07/07/doctype/

    ez pedig egy ellenőrző:
    http://htmlhelp.com/tools/validator/

  • Orionk
    #16962
    Biztosan lesznek, akik segítenek, én sajnos még nem értek ennyire hozzá.

    KÉRDÉS:

    Egyes html források elejére ilyeneket írnak:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    Ez mit jelent?, én is szeretnék ilyet írni a honlap elejére. Mit kellene akkor írnom?

    Mert így validálni sem tudom a honlapot.

    köszi
  • Orionk
    #16961
    AZTAKUTYAFÁJÁÁÁÁÁÁÁÁÁÁT !! :)

    Eltaláltam a színt.

    #4f0000 helyett #610000-t kellett beírni a css fájlba. Ez a szín már megegyezik a háttérkép szélének a színével. Így a háttérszín ugyanolyan, mint a kép szélének a színe.

    Itt kevergettem a színeket: [URL=http://www.color-hex.com/color/4f0000]" SZÍNKEVERŐ " OLDAL [/URL]

    Belinkeltem, hátha jól jön nektek is.
  • moyothomas
    #16960
    Sziasztok, ha tudtok, légyszi segítsetek.
    egy napja szórakozom egy kóddal, de nem jön össze.

    #center {
    width: 700px;
    }

    #right, #left {
    position:fixed;
    top:0;
    width: 50%;
    }

    #right, #left {
    position:fixed;
    top:0;
    width: auto;
    }

    egyik width:... sem jó.

    azért kellene megadni, mert mindkét oldalon menü és link lesz.

    köszi előre is!!!!

  • Orionk
    #16959
    megnéztem , de itt már változókat használ.
    Változók meg azt hiszem, hogy php fájlban vannak, html ben nincsenek.

    nekem ez az oldal meg egy html olda, ugyhogy át kellene alakítanom az egészet... :(
  • Orionk
    #16958
    köszi

    megpróbálom felfogni, és megcsinálni.

    ha nem nehéz, akkor be is írhatnád ide, hogy mit kellene beírni. :)

    nincs most időm ezzel foglalkozni, de ezt a hátteret még mindenképpen meg akarom csinálni. úgy kb. 2 hét mulva akarom elkezdeni a honlapszerkesztést.
  • totya24
    #16957
    Én erre mindenképp jquery-t vagy tiszta javascriptet ajánlanék. pl: jquery background scale
  • Orionk
    #16956
    olyasmit nem lehet csinálni, hogy a kép megnyúljon?

    A kép a monitor szélétől széléig menjen.

    A repeat nemjó, mert vagy x, vagy y tengelyen kezdi ismételni, ami nem jó.
  • Orionk
    #16955
    én csak a style.css ben alakítottam #4a0000 -ra.

    a html fájlban csak ez van, a <head></head> között:

    <link rel="stylesheet" href="style.css" id="skin-default" media="screen, projection" />

  • Orionk
    #16954
    4a0000 -re alakítottam.
    nem akarja akkor sem a jobb széle a jóót.

    most igy néz ki, a style.css:
    BODY
    {
    background:#4a0000 url('Boldog_Karacsonyt.jpg') no-repeat left top;
    font-family: Arial;
    /*background-repeat:repeat-x;
    background-color: #000000;
    font-family: Arial;*/
    }


    mit gondolsz?

    hozzuk már össze. :)
  • passatgt
    #16953
    4d0000 helyett 4a0000 és akkor jó lesz

    a képet meg csak letöltöttem az oldaladról, és phtoshopban az aljára meg a jobb szélére húztam egy csíkit #4a0000 színnel, ecsettel és kész:)
  • Orionk
    #16952
    köszi a segítséget.

    kipróbáltam, amit mondtál.

    -- A háttérképet honnan szerezted meg?, neked is megvolt?, és hogyan alakítottad át?

    -- valamint az a helyzet, hogy a te megoldásoddal sem lett tökéletes, mert jobbról látszik, hogy a háttérkép sötétett, mint a kép.
    hogyan kellene finomítani, ezt a megoldást?

    köszi
  • passatgt
    #16951
    a no-repeat-tól nem fog ismétlődni, a left top pedig azt állítja be, hogy hol helyezkedjen el a háttér, jelen esetbel bal felül
  • passatgt
    #16950
    a hátteret ebben az esetben a legegyszerűbb úgy megcsinálni, hogy a háttérkép alsó és jobb széle egyszínű legyen, majd egy háttérszínt beállítasz az oldalnak:

    {
    background:#4d0000 url(Boldog_Karacsonyt.jpg) no-repeat left top;
    font-family: Arial;
    }

    a kép meg így néz ki:
    http://noob.hu/2010/12/25/Boldog_Karacsonyt.jpg
  • Orionk
    #16949
    IE 7 van nekem feltelepítve.

    most próbálkozom azzal a css el, amit küldtél
  • Cat 02 #16948
    Igazából kéne mennie IE alatt is, mert Google rossz kódot nem ad ki a kezéből, viszont IE6ot nem támogatja, nem lehet hogy az a baj ?
    CSS background alul vannak, hogy miket adhatsz meg neki.

    Én valahogy úgy csinálnám, hogy középre igazítva lenne egy div, és annak lenne a háttere, az oldal többi része meg fekete / piros lenne.
  • Orionk
    #16947
    Én nem is használok IE-t, csak most telepítettem fel, mert van ismerősöm, akinek az van.
    Ezt az oldalt azért csináltam, hogy Karácsonyi üdvözletként el tudjam küldeni ismerősöknek az oldalt. Meg azért is, mert most kezdem el tanulgatni a weblapkészítést.

    --1-- De azért nem tudtok valami megoldást más böngészőre? :)

    --2-- A hátteret így csináltam meg:
    csináltam egy style.css fájlt, amiben ez a pár sor van:
    BODY
    {
    background-image: url(Boldog_Karacsonyt.jpg);
    background-color: #000000;
    font-family: Arial;
    }


    Ezután a karacsony.html fájlban a <head></head> közé beírtam ezt:
    <link rel="stylesheet" href="style.css" id="skin-default" media="screen, projection" />


    Ezzel a megoldással csináltam a hátteret. Nem is nagyon értem, hogy ez mit csinál, csak másoltam, mert mondom, hogy most tanulom majd az egészet.


    --Tudnál segíteni valami konkrét megoldással, hogy nagyobb felbontással ne kezdődjön újra a háttér?
    megköszönném

  • Cat 02 #16946
    Ne használj IE-t.
    [apro]Amúgy, ha nagyobb felbontással nézem az oldalt, újra kezdődik a háttér és eléggé wtf
  • Orionk
    #16945
    Nekem nincs sok tapasztalatom.
    Mindössze 5 óra hossza tapasztalatom van weboldal készítésben.

    Éppen ezért kérek tőletek segítséget.

    Példálul most tettem ki ERRE AZ OLDALRA két beágyazott youtube videót.

    Ezt a két videot M Firefox jól megjeleníti. Viszont Internet Explorer egyáltalán nem jeleníti meg, csak a keretvonalát.

    Ebben tudtok segíteni?

    köszi
  • bracsek #16944
    Sok év tapasztalattal? Mintha... de még a legjobbakkal is megesik hogy nem jön össze.
  • CattiBrie
    #16943
    Jó az, hasznos tud lenni. :)