22786
Html-, css- és php-help
  • Narancs
    #6858
    Hi!
    Hogy tudnám azt megcisnálni átlátszóság filterrel, hogy ne az egész képem legyen átlátszó, hanem csak mondjuk a fele? (Nem az átlátszóság mértékét, hanem a kiterjedését szeretném változtatni...)
    Előre is köszi a helpet!
  • passatgt
    #6857
    Valóban, így már jó, csak nem +20, hanem -20:)
    köszi
  • Dj Faustus #6856
    "nálam ezt csinálta: height="67020""
    Mert a magassag sztringként adod meg.

    magassag = parseInt(document.documentElement[props&#93);
  • passatgt
    #6855
    nálam ezt csinálta: height="67020"
  • Dj Faustus #6854
    classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" height="' + (magassag+20) + '" width="100%">'; - ennyi
  • passatgt
    #6853
    Üdv!
    Van egy js kódom:

    var props = new Array(
    'clientHeight'
    );

    function createPlayer()
    {
    var magassag = '';
    for (var i=0; i<props.length;i++)
    {
    magassag += document.documentElement[props[i]] + '';
    }
    var
    printstring = '<object mpc-granted="true" id="mediazone_console" type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6" height="' + magassag + '" width="100%">';
    printstring += '<param value="http://www.i-tv.hu/stream/7813.asx" name="URL">';
    printstring += '</object>';
    document.getElementById('lejatszo').innerHTML = printstring;
    }

    Ezt szeretném úgy átalakítani, hogy a "magassag" értékből levonjon 20-at, és az kerüljön height="' + magassag + '" -hez.
    Ezt hogyan kell?
  • wudy86
    #6852
    Értem, köszi a választ!
  • Narancs
    #6851
    köszi szépen!!
  • Dj Faustus #6850
    Javascript: window.open metódus.
    Bővebben:


  • Dj Faustus #6849
    "Azt szeretném kérdezni, h van valami különbség az általad javasolt float:left lebegtetés ill. az általam javasolt display:inline között?"
    A float: left; esetén a listaelemeket hagyjuk blokkszintű elemnek és úgy lebegtetjük egymás mellé, a display: inline a blokkszintű listaelemet soron belüli elemmé alakítja.

    A blokkszintű elemet képzeld el, mint egy összefüggő bekezdés.
    A soron belüli elemet, meg mint a bekezdés egy sorában egy linket.

    Én személy szerint jobban szeretem a menüpontokat blokkszintű elemként kezelni, egyfajta dobozként, amelyeknek margói, kitöltései, szegélyei vannak. A soron belüli elem meg egy "alacsonyabb rendű" forma, ami egy blokkszintű elembe ágyazódik.
  • Narancs
    #6848
    Hali!
    Nagyon alap kérdésem lenne: hogyan tudom azt elérni, hogy a linkem olyan új ablakban nyissa meg a böngésző, amelyiknek nincs címsora meg gombjai?
  • passatgt
    #6847
    Én float:left-et szoktam használni.
  • wudy86
    #6846
    Azt szeretném kérdezni, h van valami különbség az általad javasolt float:left lebegtetés ill. az általam javasolt display:inline között? Esetleg valami, ami inkább az egyik mellett szól? A választ előre is köszi
  • mike0013
    #6845
    na ez igaz!
    ezért is szeretem magamnak megírni a scripteket, mint máshonnan szedni
  • Dj Faustus #6844
    "még valami mi a különbség a mysqli az msql és a mysql kezdetű függvények között? :S"
    Kicsit több lehetőséget biztosít a mysqli. Bővebben a PHP kézikönyvben
  • Dj Faustus #6843
    No akkor gyorsan, nagyvonalakban magyarázok (használj Firefoxot a példaoldalakhoz, mert abban fog értelmesen kinézni, az IE6 - és az alatt - hülyeségeket fog csinálni):
    1. Bontsuk az oldalt részekre (és nevezzük el őket).
    Egymás mellett 3 blokk van
    * A menü és a tartalom bal oldala mellett levő bal oldali sáv (nevezzük lside-nak)
    * A menüt és a tartalmat tartalmazó középső sáv (nevezzük cside-nak), ami további részekre osztható:
      - A menüre (menu)
      - A menü és a tartalom közötti blokkra (submenu)
      - A tartalmi blokkra (content)
      - A tartalom alatti blokkra (subcontent)
    * A menü és a tartalom jobb oldala mellett levő bal oldali sáv (nevezzük lside-nak)
    Az adott linkeken láthatóak a részek (illetve a hozzájuk tartozó majdan háttérképként használt kép, Gimppel gyorsan összevágva)

    2. Alakítsuk ki a HTML struktúrát. Még nem sok minden látható, de az oldal struktúrája (egy adott elemnek milyen szerepe van) már ki van alakítva.
    Tessék megnézni a forráskódot (a <!-- és a --> jelek között ott vannak a megjegyzések).
    Pár dolog:
    * Az egész oldalt beraktam egy blokkba (container). Ennek az a lényege, hogy ha az oldalt egységesen akarom kezelni, akkor nem kell minden elemet külön-külön piszkálnom.
    * A menüt rendezetlen listával oldottam meg. Ez egy elterjedt megoldás, ugyanis a menüpontok egyfajta felsorolásként tekinthetőek.
    * <script src="http://uw.hu/pgstat.js?server=3&username=stego" type="text/javascript"></script> - Ezt a sort az Ultraweb rakta bele. Ne vedd figyelembe, törölhető.
    * A blokkok elnevezését az id attribútumok segítik el.

    3. Formázzuk meg a dokumentumot. Ehhez külső állományból (vigyázz! UTF8-as karakterkódolású - Nézet/Karakterkódolás/Unicode menüpont alakítja megfelelővé Firefox alatt) hívott stíluslapot használunk (ez azért jó, mert az oldal formázása különválik az oldal tartalmától, így könnyebben kezelhető - sőt egy stíluslappal több oldal is formázható). Hozzáfűzések a /* és */ jelek között.
    * Elsőként kiiktatunk minden margót, kitöltést és szegélyt, ami a böngészőben alapból van. Nem kell nekünk, csak kavarodást okoz.
    * Második lépésként az adott blokkokat (lside, cside rside) egymás mellé (float: left) pakoljuk, megadjuk a méretüket (width - szélesség, height - magasság), és beállítjuk a hátterüket. Az egész oldalnak adunk egy háttérszínt (background-color), és az egész hóbelevancot középre helyezzük (így nem tűnik az üres hely annyira nagynak).
    * Harmadik lépésként a menü, a menü és a tartalom alatti rész és a tartalom méreteit és háttereit állítjuk be.

    4. Vegyük kezelésbe a menüt (külön stíluslapot használok az áttekinthetőség kedvéért). A menüpontokat (li, de hogy csak a menüre legyen érvényes #mennu li) az előzőekben mutatott módon (float: left;) egymás mellé rakjuk, és kiiktatjuk a listaelemek jeleit (list-style-type: none;).
    Az egész listát lentebb visszük - kitöltést adunk neki.
    Ezek után az egyes listaelemeknek balról margót adunk, hogy a menüpontok középen legyenek a "dobozokban".

    5. Viszont a drágalátos IE Explorer 6-os verziója alatt nem igazán hajlandó a CSS-t rendesen kezelni (nézd meg az előző pontban mutatott oldalt IE6-ban). Ezért csak az IE6 és az alatti böngészők számára (hála a jó égnek vannak erre a célra megoldások - itt a feltételes megjegyzéseket használom) külön stílusdefiníciót csinálunk.
    Ha kijavítottuk (stíluslap), akkor már rendesen működik.

    Lehet (sőt biztos), hogy ez egyszerre egy kicsit sok. De remélem valamennyire átlátod, hogyan megy egy ilyen oldalkialakítás.
    Ehhez bizony meg kell tanulni a HTML/CSS nyelvet nem lehet hagyatkozni a grafikus szerkesztőprogramra, mert az nem fog helyetted gondolkodni.
    Ajánlom figyelmedbe az alábbi jegyzetet, Cat02 által már belinkelt cikket és ugyanazon az oldalon levő cikksorozatot.
  • wudy86
    #6842
    Én a menü létrehozásának egy másik változatát javasoltam neked, ami lehet segít abban, h jól jelenjen meg minden böngészőben, a háttérkép négyzeteiben legyenek a szövegek (bár ez sem biztos, h jó).
  • Max7
    #6841
    hu.php.net-ről szedtem majd abba nyulkáltam bele mindenféle idézőjellel meg aposztróffal miután nem müködött ezért állok a dolog mögött értetlenül :S vaéami olyan leírást tudnál nekem adni amin normálisan le van írva hogy kell használni és nem csak példák vannak....

    még valami mi a különbség a mysqli az msql és a mysql kezdetű függvények között? :S
  • stevenson1988
    #6840
    Azért az igazsághoz hozzátartozik, hogy - bár tényleg könnyű ilyet csinálni - azonban ha más számára készül, tehát úgy, hogy az oldal többi részét nem látod, úgy már nehéz, mármint, hogy mindentől függetlenül tudjon menni a script.
    lehet hülyeség, de nekem ez a tapasztalatom
  • kuci06
    #6839
    az a baj, hogy a php tudásom kb. 0 :D
    köszi az oldalt, remélem találok valami ilyesmit :)
  • mike0013
    #6838
    a legegyszerűbb iet csinálni, nem olyan nehéz:)
    persze, ha nem értessz a php-hez, akkor hiába mondom, de talán van ilyen script itt nézz szét
  • Cat 02 #6837
    régen mindig linkeltál olvasni valót :P
  • kuci06
    #6836
    valaki? :(
  • Dj Faustus #6835
    "Gondolom mindenki kitalálja a következő kérdést, hogy a rákba lehet kompatibilissá tenni az oldalt egyszerre több böngészővel?"
    Helyesen kell tervezni, jól kell kivitelezni, tesztelni, tesztelni, ha hibát találsz - korrigálni, és ha hibamentes, és mégse úgy jelenne meg mint kéne - trükközni.

    1. Első lépésként papíron vagy egyszerű rajzprogramban - például paintben - csinálj skiccet. Legyenek rajta, hogy hogyan helyezkednek el a különböző oldalelemek (fejléc, menüpontok, lejátszók, anyámkínja,...)
    2. Utána képszerkesztő programmal (Gimp. Paint.Net, Photoshoop,...) készítsd el az oldal valós kinézetét, és szedd szét részekre. Lesznek képek, amelyeket háttérképként kell felhasználnod, lesznek amit simán az <img> elemmel.
    2. Az 1. pontban említett skicc alapján készítsd el a HTML strukúrát. Ne használj semmi pozicionálást, simán csak az elemeket helyezgesd el.
    A fő részeket a <div> elemek fogják alkotni, a menüt a lista (<ul>,<li>), stb...
    3. Ezek után kell CSS-sel az összes pozicionálást elvégezned.

    Mindjárt csinálok oldalpéldákat, és jobban érteni fogod, miről van szó.
  • Ability
    #6834
    Nézz utána a helyes szintaxisnak. A régi kódban kimondott hiba volt, mert pl a tábla névnél, vagy az oszlop neveknél is aposztrófot használtál. Ez olyan, hogy ha már használod, akkor helyesen. Ez az utóbbi meg inkább olyan hiányos, de elfogadható.
  • zolo
    #6833
    Akkor csak plugin hiány nálam :)
  • Cat 02 #6832
    FF el nekem műxik :) (flash player)
  • zolo
    #6831
    Meg még érdekes, hogy csak a Firefoxban van elcsúszva a galéria
  • zolo
    #6830
    Feltettem a Firefoxot , és a Safarit is, és hát tényleg, kb 30-40 pixellel fölfele el van csúszva az egész.Gondolom mindenki kitalálja a következő kérdést, hogy a rákba lehet kompatibilissá tenni az oldalt egyszerre több böngészővel?

    Firefoxban és Safarinál nem működik a Flash player, ez most csak nálam van, mert nincs semmi plugin felrakva a egyikhez se, vagy tényleg nem működik csak IE-vel?
  • Cat 02 #6829
    már megvan neki h hogyan akarja
  • zolo
    #6828
    Ez nem világos, hogy most ezt hova kéne tennem, hogy változás legyen?
  • wudy86
    #6827
    Szerintem csinálj egy listát és a lista elemeit a display:inline-al egy sorba rendezed.

    Valahogy így:

    Ez a html kód:

    <ul>
    <li>Home</li>
    <li>Valami</li>
    <li>Valami</li>
    </ul>

    Ez pedig a css kód:

    li {
    display:inline;
    padding:0px 10px;
    }

    magát a listát pedig még beleteheted 1 div tagbe és azt is igazíthatod.
  • Max7
    #6826
    és ami még basza a csörömet hogy pár hozzászólással lejebb volt egy hiba amit ` <-- ilyen idézőjel oldott meg! de ez a sor:

    $res2 = mysql_query("SELECT * FROM mysqldb WHERE userid = '$uid'");

    tökéletesen működik..... mysqlt nem frisítettem ugyan az van szal ez sem lehet gond és már az agyamra megy az egész sql :-(
  • Max7
    #6825
    nem jó! amúgy már mindehogy próbáltam minden féle idézőjellel idézőjel nélkül de mindig ezt a szintax faszságot kapom válaszul :(
  • Cat 02 #6824
    itt van
  • Cat 02 #6823
    adj neki text-align: center; -t attól kép is középen van

    én kérdésem: ha div divben van akkor elvileg a 2. divnek adott margin meg ezek a másik div jez viszonyulnak nemde? de miért nem ?

    <div class="doboz_1">
    <div class="kereso">
    KÓD
    </div>
    </div>

    css
    {

    margin-left: 80px;
    margin-top: 50px;
    }

    de vmiért nem mozdul el, viszont ha beírom h 1000px akkor a felette levő menütől van távolabb (igazibol felett levő :D )
  • zolo
    #6822
    A 3 gombbal szenvedtem a legtöbbet, és mégse jó :SS
    Az a baj, hogy egy diven belül nem működik az , hogy legyen a tetejétől, és az oldalától is igazítás(vagy nem találtam a megfelelő kombót).
    Ha pedig a gombok elé, mindnek külön divet csinálok, akkor mindegyik egymás alatt külön sorban van.Most egy elég béna megoldás van, mindjárt megmutatom hogy néz ki.



    <div style="margin-top:29px" >
    <div style="margin-left:238px" > <a href='index.html'><img src='kezdolapgomb.gif'/alt='Kezdolap' border="0" /></a>
    <a href='galery.html'><img src='galeiragomb.gif'/alt='Galery' hspace="110" border="0" /></a>
    <a href='mixek.html'><img src='mixekgomb.gif'/alt='Mixek' border="0" /></a></div></div>


    Galériának centert megcsinálom.

  • passatgt
    #6821
    így próbáld:
    WHERE `username` = '$username2' AND `database` = '$database'";
  • passatgt
    #6820
    $database-nél nincs olyan, mint a $username2-nél:)

    meg ide sztem nem ' kell, hanem valami más:)
  • Max7
    #6819
    nekem firefoxban 1024x768-as felbontáson a 3 menü sincs középen illetve ha a galériára klikkelek akkor a galéria is balra van igazítva! nyomj rájuk egy egy centert.....