22786
Html-, css- és php-help
  • passatgt
    #4896
    nem pontosan értem,de asszem erre gondolsz:)

    http://www.cssplay.co.uk/layouts/basics2.html
  • Cat 02 #4895
    hi lenne egy érdekes kérdésem
    van egy oldalam ahol van egy felső rész ami mindenhol ugyanaz és alatt mindig más van de nem frames. Azt meglehet csináni h div be rakom és a div et külön változtatom és így pl ha van 11 oldal akkor egy helyen átírom és mindenhol megváltozik ?
    pl: silkroad-eu.uw.hu vagy silkroad.uw.hu
    érthető ? :D
  • passatgt
    #4894
    az ajaxos megoldásól egy kis linket tudnál adni?:)
  • Dj Faustus #4893
    Ha jól értem arra gondolsz, hogy van két dobozod, az egyikben például linkek, a másikban tartalom, ami az első dobozban levő linkek rákattintásakor töltődnek be.
    Ezt vagy <iframe> segítségével, vagy AJAX-szal tudod megoldani.
  • Dj Faustus #4892
    Olvasd el még egyszer a #4888-as hozzászólásom. Ott van benne a kurzorváltás is.
  • RaZoK
    #4891
    bocs félre értettétek, nem a linket akarom megváltoztatni, hanem azt, hogy a kurzor változzon érintkezéskor :)
    az overes linkelés az azért megy :)
  • passatgt
    #4890
    Van két divem, ugyan azon a helyen.Hogy tudom megoldani hogy két link közü l valamelyikre amikor rákattintok az adott div jöjjön be, de az oldal ne frissüljön?
  • Cat 02 #4889
    ez nem jó ?
  • Dj Faustus #4888
    Javascript sem kell. Elég a CSS is.

    Kurzorváltás:
    a:hover {
     cursor: crosshair;
    }


    Link színének váltása:
    a:hover {
     color: yellow;
    }
  • RaZoK
    #4887
    hello

    meg tudja nekem valaki mondani, hogyan kell olyan hatást elérni, hogy a a weblapomon a kurzor érintkezik egy egyszerű linkel, akkor megváltozzon?
    azthiszem egyszerű javascript is elegendő...
  • passatgt
    #4886
    kösz,már megint túlakartam bonyolítani:)
  • Dj Faustus #4885
    HTML:
    <form id="form1">...</form>
    <form id="form2">...</form>


    CSS:
    #form1 {
    /* Első form */
    }
    #form2 {
    /* Második form */
    }
  • passatgt
    #4884
    Css-ben meghatároztam egy form-ot:

    form {
    font:100% verdana,arial,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 200px;
    max-width: 350px;
    width: 300px;
    }

    Mégegy ilyent hogy tudok csinálni?(ugyan azon oldalon egy más kinézetű form)
  • Ability
    #4883
    Köszi, hogy fáradtál. Igazából gyorsan átfuttam rajta, szerintem eléggé megnéztem, de nem találtam megoldást. A legtöbb esetben meg van határozva a container div magassága, de nálam ezt nem lehet megoldani. Vagy a kép nincs is balra zárva, csak úgy ott van. Vagy nem div-ben van, hanem P-ben. Már annyira nem emlékszek, de egyik sem volt olyan, amit használni tudtam volna, mindig volt valami.

    Szóval nekem a lentebbi kódot kéne valahogy jóra csinálni. És nem tudom, hogy ebben az esetben, ahol kötelező a div, nem adhatok meg fix magasságot, és fontos, hogy a szöveg körbefussa a képet ott mit lehet tenni?! Egyedül a clear css tulajdonsággal tudtam jóra megcsinálni, de nem tudom, hogy ez mennyire jó megoldás. Szóval légyszíves erősíts vagy cáfolj meg, hogy kell-e egyáltalán használni a clear-t. Ha nem, akkor mi jöhetne szóba? Ha valamit elnéztem, akkor bocsánat, de tényleg nem láttam jó megoldást a példák között.
  • Max7
    #4882
    DomainWhois-hoz php helpet valaki? :S
  • Dj Faustus #4881
    [ur=http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_float]Régi, elavult megoldás[/url]
    Modern, stíluslapos megoldás
    Hibás IE
  • Ability
    #4880
    Az ugyan az szinte, de minden esetre nem is jó vele. Én csak ott vagyok leragadva, hogy az align left is olyasmi mint a float, és ugye akkor kéne neki elileg egy clear:both; is. Azzal jól is megy. Csak nem sikerült meggyőznöm magam arról, hogy feltétlen kell ez. :P
  • passatgt
    #4879
    hát akkor nemtom
    css-be ugye a képnek adsz egy float: leftet és megvan oldva:)
  • Ability
    #4878
    Neeem, azért van a képen align left, hogy a szöveg körbefussa. Nem azért, hogy bal oldalt legyen, mert alapból is úgy van. :)

    De egyébként sem értem, hogy azért, mert a kép balra van zárva, attól még miért lóg ki a divből?!
  • passatgt
    #4877
    <div align="left">
    <img src="valami.jpg" width="55" height="67" alt="valami" />szoveg is legyen melle
    </div>
  • Ability
    #4876
    <div>
    <img src="valami.jpg" width="55" height="67" align="left" alt="valami" /> szoveg is legyen melle
    </div>
  • Dj Faustus #4875
    Mutass példakódot, mert ez így kusza - de nagyon.
  • Ability
    #4874
    Faustus! Azt szeretném kérdezni Tőled, hogy ha egy sima, semmilyen css tulajdonságokkal el nem látott div-ben van egy kép (azon sincs css), aminek be van állítva az align="left", de a kép maga magasabb mint a div, akkor az normális, hogy a div-et nem nyújtja a kép, hanem egyszerűen csak kilóg belőle a tartalom?

    Kicsit kuszán írtam, remélem érthető. Ezzel szenvedek már tegnap óta, és nem jöttem rá, hogy miért teszi. Mert szerintem nyújtania kéne, nem pedig kilógnia.

    Gondoltam arra, hogy ez olyasmi lehet, mint a floatolt divek, ahol ugye használni kell a clear:both-ot. Azzal pedig tökéletesen jelenik meg. Csak szerintem itt ebben az esetben erre nem lenne szükség.

    Előre is köszönöm válaszod!
  • cr3ativ3
    #4873
    jó, jó, bocs.
    tudod, hogy összesen két napot vagyok itt, aztuán megint van 5 nap, ameddig nem leszek.
  • Dj Faustus #4872
    Eztetet válaszolja:
    HTTP/1.x 200 OK
    Date: Thu, 22 Feb 2007 22:52:27 GMT
    Server: Microsoft-IIS
    Keep-Alive: timeout=20, max=13
    Connection: Keep-Alive
    Transfer-Encoding: chunked
    Content-Type: text/html
  • passatgt
    #4871
    egyébként prog.hu-val nemtudod mi van?
  • passatgt
    #4870
    köszi
  • Dj Faustus #4869
    Ingyenes cuccok kliens oldali image-map generálásához:
    GeoHTML
    Handy Image Mapper
    TS-ImageMapper
    Meracl ImageMap Generator
    Map This
    Imap 3
    Happy Lad Image Mapper 1.0
  • passatgt
    #4868
    Konkrét példának jobban örültem volna,mindegy megcsinálom a css-es módszerrel:)
  • Dj Faustus #4867
    A varázsszó: image-map.
    Van kliens oldali (<img usemap...>+<map>+<area>), szerver oldali (<img ismap...>), klasszikust (a kliens oldalit lecserélő) helyettesítő (szimpla CSS-sel - mint például ez, vagy Javascripttel - mint az általad belinkelt). Megoldható Java-val, vagy Flash-sel.
  • passatgt
    #4866
    Hali!
    Egy olyan javascriptes, esetleg flashes dologra lenne szükségem, ami egy világ térképen bevannak jelölve az országok, és rá lehet kattintani mindegyik országra.Remélem érthető:)
    Valami ilyesmi: http://alistapart.com/d/cssmaps/mapfinal/index.html, csak országokkal
  • Dj Faustus #4865
    "Ez a "DOCTYPE-t neki", ez mit akar jelenteni amúgy?"
    Egy HTML-dokumentumnak van egy verziója, amit a HTML-dokumentum elején deklarálni kell. Ezt nevezik DOCTYPE-nak.
    Ez határozza meg, hogy mely elemek használhatóak az oldalon, milyen szabályok vonatkoznak rá.
    Itt találhatsz egy magyar nyelvű listát a különböző (X)HTML verziókról.

    "Tehát, hogy egy mondatban egy szót külön kiemeljek más színnel, azt hogy?"
    HTML:
    <p>Ez egy bekezdés. Ide sok szép szó jön például egy <span id="piros">piros</span>. Utána visszatérünk normál szövegre.</p>

    CSS:
    #piros {
     color: #ff0000;
    }


    "gondolom, ha azok színét akarom deklarálni, akkor már kell a ":link" kapcsoló, nem? Vagy csak a többihez?"
    A :link egy látszólagos osztály, a nem látogatott link színét állítja be. De mivel az a tipusszelektor beállítja a link színét, ezért a :link látszólagos osztály elhagyható.

    Ha a link látogatott (:visited), aktív (:active), illetve fölött kuror van (:hover), akkor az a megfelelő dinamikus látszólagos osztály (lásd a zárójelben) használatával érhető el:
    a:visited { color: blue; } /* látogatott link */
    a:hover { color: yellow; } /* kurzor a link fölött */
    a:active { color: lime; } /* aktív link */

    Forrás: htmlinfo
  • Rettenthető
    #4864
    Köszi szépen, hogy ennyit fáradtál vele!
    A body opciókat próbáltam a css-be tenni, de lehet nem megfelelően - nem működött, így hagytam.
    Az "a:link" -t viszont több oldal css forráskódjában is láttam, igaz ott volt a többi is (a:visited, a:active, a:hover), gondolom, ha azok színét akarom deklarálni, akkor már kell a ":link" kapcsoló, nem? Vagy csak a többihez?

    Betűszín változtatásra van más eljárás, ami nem emel sort (nálam az a1, a2 elem ez akart lenni, ha működne:-) )? Tehát, hogy egy mondatban egy szót külön kiemeljek más színnel, azt hogy?

    Ez a "DOCTYPE-t neki", ez mit akar jelenteni amúgy?
  • Dj Faustus #4863
    Ime itt van abszolút pozicionálással.
  • Dj Faustus #4862

    Na ezzel az a probléma, hogy a pozicionálást fixed-re állítottad, amit az IE6 nem kezel (az IE7 se valami fényesen). Használj inkább abszolút pozicionálást.
    Másrészt a HTML-kód kissé csúnyácska. DOCTYPE-ot neki!
  • Dj Faustus #4861
    Tessék türelmesnek lenni. Nekem is csak két kezem, két fülem, két szemem van, és egy agyam (ja és egyszerre szeretnék 10 dolgot csinálni).

    Sátor alól kikiáltó szétnéz:
    "Itt látható a nagyhírű bűvész!
    A lábával karikázik,
    A kezével citerázik,
    Az orrával orgonázik,
    A fülével figurázik,
    A szemével gurgulázik,
    A szájával vacsorázik!"

    (Weöres Sándor: Vásár)
  • cr3ativ3
    #4860
    erre?
    végül is csak annyi kéne, hogy az oldal magassága a szöveggel változzon.
  • Dj Faustus #4859
    "Hogy lehet adott dobozon belülre kerülő szöveg színét css-ből módosítani?"
    HTML:
    <div id="doboz">
     <p>Szöveg a dobozon belül</p>
    </div>


    CSS:
    #doboz {
     background-color: #ffffff; /* Ez fehér háttérszínű */
     color: #000000; /* Ez fekete betűszínű */
    }
    #doboz p {
     color: #0000ff; /* Ez kék betűszínű */
    }


    "Az érdekelne, hogy hogy a halálba lehet megcsinálni, hogy ugyanazt lássa az összes böngésző?"
    Ha valóban az összes kell: sehogy ;)
    Ugyanis vannak böngészők, amik a CSS sem ismerik (vagy mert nagyon régiek, vagy mert nincs bennük CSS támogatás - szöveges böngészők).
    Kompromisszumot kell kötni: a jelenleg elterjedt böngészőkön (IE7, IE6, Opera 9, Opera 8, FF 2.x, 1.5.x, 1.x, Safari) kell működnie, a többin pedig élvezhetőnek kell lennie.

    CSS támogatottság
    IE CSS hibák
    IE CSS hibák
    IE CSS hibák
    IE CSS hibák

    IE PNG hiba
    IE PNG szín-gond

    Conditional comments - egy mód az IE hibáinak kikerülésére
  • Rettenthető
    #4858
    Helló mindenki!

    Próbálkozom a css-sel, de hát félelmetes.
    Amit megcsinálok - bár biztos van benne számtalan hiba, lehet csak az van benne, de Firefox-ban olyan szép, mint egy álom (legalábis tükrözi az elképzelésem); erre megnéztem mit látnának az IE felhasználók és baaaah. Akkora szar fogadott, hogy nem is tudom kifejezni.

    Az érdekelne, hogy hogy a halálba lehet megcsinálni, hogy ugyanazt lássa az összes böngésző? Opera-val már meg sem merem nézni, bár lehet csak az IE ilyen felhasználóbarát (az origo forráskódjából kiindulva <!--[if IE 7]>...).

    Hogy lehet adott dobozon belülre kerülő szöveg színét css-ből módosítani? Mert a vastagon szedést azt veszi, de a színeket nem, miért?
    Jah, dobozon kívűl veszi a szineket is, de persze csak FF alatt, mert IE alatt az sem látszik természetesen.

    Vagy ez a kérdéskör még annyira bagatel, hogy ezzel menjek a HTML kezdőknek topic-ba?
  • Cat 02 #4857
    :) egyenlőre hiányzik a php tudás :)