22786
Html-, css- és php-help
  • bracsek #10782
    mondom, humorista rajzolta, a leírás meg 5 oldal volt melléje :)

    a leglényegesebb, hogy két oldalra nyúló div van... és mellette egy fix méretű, alatta meg még három amit a felsők kell szabályozzanak.
  • passatgt
    #10781
    halljak meg, nem értem, de azért megpróbálom:)
  • bracsek #10780
    méret alapból 970px 1024 es felbontáshoz de a tartalomtól függ a felső diveknek és az alsóknak van összefüggő háttérképe, a többit elég ha borderekből megvan... sajnos a rajzot azt nem adhatom ki... bizonyos okokból.

    tehát a bal két dobozban lorem ipsum a harmadik az fix szélles melléjük jobbra, lent meg a fölsők diktálják a széllességet
  • passatgt
    #10779
    várom a rajzot, méreteket:)
  • bracsek #10778
    hajrá :) de kötekedni fogok, és 6 os explorertől a chromig mindbe kell menjen...

    igen, táblázattal sima ügy... divel nekem nem volt...
  • passatgt
    #10777
    tök egyszerű megcsinálni

    csinálj egy normális rajzot(mert ezt nem igazán értem), aztán csináld meg table-vel, én meg megcsinálom divekkel és meglátjuk melyik lesz az átláthatóbb, szebb megoldás:)
  • bracsek #10776
    táblázatos layoutnak
    ebben egyet értek...

    de táblázat nélkül egy ilyet hogy csinálsz meg?


    tudom, én is képes lennék megcsinálni... de hogy rövidebb és átláthatóbb lesz a kódom tablevel, mint div-el, az biztos, és a vízszintes nyúlással mit csinálsz divnél... mert nyúlhat, és a design azt is megengedi... és három div egymás mellett nyúlhat... jobb oldalra... a zöldel befestett helyeken nyúlhat ha ki nem hagytam valamit :)

    ezt a designt egy humorista készítette, persze volt hozzá szép hosszú leírás mi merre nyúlhat, és hol mi lesz... és ott lenn volt a legtöbb gond vele, mert le kellett igazítani bizonyos részeket az aljához.

  • joebacsi
    #10775
    táblázatos layoutnak egyedül a HTML mail-nél van létjogosultsága, aki mást mond az kókler :)
  • MerlinW
    #10774
    Miután a html (nem programozási nyelv, csak egy sima meta leíró) kliens oldali (ahogy a javascript is), azaz a felhasználó gépén fut, nem igazán megoldható, hiszen szükséges egy szerver oldali adatbázis, ami tartalmazza a felhasználók adatait (név, jelszó, stb). Ehhez szerver oldali nyelvre (PHP, ASP, stb) - azaz egy védett csatornára - is szükség van ugye, hogy a lekérdezéseket véghez vigyük.

    "Kliens" oldalon Flash-ben oldható meg, de egyrészt flash-t egy kattintás visszafejteni, másrészt egyrészt pont ezért itt is bejátszik egy szerver oldali nyelv.. Természetesen itt is külső adatbázisnak illik lennie a tárolónak.

    Lényeg, hogy a kliens oldali authentikáció hülyeség, veszélyes és nem elfogadot eljárás.
  • bracsek #10773
    a HTML el nem hiszem... (azért írom, mert nem vagyok már semmiben biztos) de a HTML nem tartalmaz tudtommal erre lehetőséget, habár el tudom képzelni, hogy a microsoft magának alkotott olyan meta tagot, ami ilyet csinál, de semmiképp nincs általános w3c szabványnak megfelelő megoldás html ben... még javascript sem elég erre a célra.
  • vafeN
    #10772
    Aha, oksa köszi. Meg még annyir érdekelne, közbe hallotam olyat hogy HTML-el is meglehet oldani. Ez így igaz vagy kéne még vmi más is hozzá?
  • bracsek #10771
    http://www.maxmind.com/app/mod_geoip talán ez a legbiztosabb...

    Ez után jön a php-s megoldás, ott lekéred hogy honnan jött, erre sok szolgáltató van ahonnan le lehet kérni, érdemes cachebe tenni, mert letilt a szolgáltató, ha fölöslegesen terheled, és utána headerrel és meta taggel szépen átküldöd ahova akarod.

    a második talán annyival könnyebb, hogy nem kell az apacheval bajlódni, hanem elég ha az allow url fopen meg van engedve, és egy kis tudás kell. a másikhoz meg jogok kellenek a szerveren, ami legtöbb esetben nincsenek meg...
  • vafeN
    #10770
    Lenne egy alap egyszerű kérdésem. Azt mivel érdemes/mivel a legkönyebb megcsinálni hogy van egy domain nevem pl. www.domain.com és ha feljön egy ember aki mondjuk magyarországról azt dobja át a hu.domain.com-ra, de ha már mondjuk németországból jön fel akkor meg a de.domain.com-ra?
  • bracsek #10769
    a) Egy olyan kód ami táblázatot használ dizájn kialakításhoz, még lehet szabványos!

    https://weblabor.hu/forumok/temak/16149?page=1#comment-37445

    nem saját véleményem, de sok részben egyet értek a hozzászólóval...

    vannak esetek, mikor egyszerűbb lesz a kód, táblázattal...
    és azt is lehet szépen css ből formázni, de és mindig van de.. a diveknél kevesebbszer fordul elő, hogy az oldal töltődés közben szét van esve, mivel ezek mint egy egy doboz viselkednek, míg a táblázat a még be nem töltődött sorokat, oszlopokat, sokszor próbálja kiegészíteni.. néha fájdalmas amit csinál, de még ez sem az igazi érvem.

    Nekem már csak egy érvem maradt a táblázat ellen, és ez akkor lett, mikor egy levelezőrendszer levél és felíratkozott listákat egy azonos oldalon próbáltam megoldani, és voltam olyan naiv táblázattal csinálni,
    szépen megoldottam egymás alá kiírattam a leveleket, készítettem egy vízszintesen görgethető divet, és oda bepakoltam az összeset, nem is volt gond... még 50 felíratkozottnál.. még 100 nál sem... de mikor 150 lett, és 20 levél, akkor a böngésző feladta, a kedvenc firefoxom....
    használható volt, csak nem lehetett az oldalt elhagyni, mert akkor kifagyott táblaszerkezet elérte a 2MB méretet, szép volt :)

    aztán kicsit divezgettem, az adatokat javascriptel töltöttem fel táblázatba, mert hát táblázat erre való... és így az oldal 500 felíratkozottnál is 1,5MB lett... tehát jó a táblázat, van mikor használni kell, de mindig az a fontos, hogy a megfelelőt használjuk... ha táblázatos szerkezet kell akkor azt, ha meg sima egy két oszlopos design, akkor a div is tökéletesen megteszi floatokkal, ezt nem harcként kell felfogni a két eszköz között, hanem kiegészítik egymást, mert hogy most egy lekerekített box hoz beteszel 8 divet egymásba, vagy 9 cellát készítesz, nem sok a különbség nem számottevő...

    egy időben tényleg nagyon lenézték... még én is a táblázatos designt...
    de mióta nap mint nap ezzel töltöm az időmet, úgy szűrődött le bennem, hogy vannak esetek, főleg amikor bizonyos lépcsős elrendezés van egy oldal aljára rajzolva, hogy azt táblázat nélkül nem tudom megcsinálni...

    akkor szégyen nem szégyen táblázatot teszek be... de a div közelebb áll a szívemhez, ha nem kényszerülök rá, akkor nem cserélem táblára... kolégám meg simán táblázattal kezd mindent, szerintem ha a bal felső sarokba szeretne írni már akkor is azzal kezdené, hogy <table cellspacing="0" cellpadding="0" és eddig még gondja nem volt belőle, max nagyobb oldalakat készít, kicsit lasabbakat is tán, de működik, és még kicsit tán megbízhatóbbak is.. a div css-e még mindig nem annyira megbízható, mint a táblázaté, kicsivel régebbi és robosztusabb a táblázat.



  • Terensz
    #10768
    Hali! Remélem, jól telt a hétvége mindenkinek.


    ...

    Tábla vs div téma:

    Faustus:
    "Teljesen ellenjavallt" - Ki által?

    "A táblázatmentesség, a szemantikusság, a kód validsága, az akadálymentesség, a háló alapú design (amit a nyomdai technika már réges-régóta ismer), a tartalom/struktúra/kinézet/viselkedés szétszeparálására tett törekvések évek óta egyre jobban elterjedő elvek, melyeket az alternatív böngészők (Firefox, Opera, Safari, Chrome) térhódítása tett lehetővé (ugyanis elősegítették a webes nyelvek ajánlásainak egyre jobb támogatását)."

    - Ez gyönyörű mondat, bár hiányolom belőle azt, hogy pontosan mit is tud a div-es struktúra, amit a táblás nem.

    "vagy nem ismered a külföldi piacon bekövetkező trendeket, nem olvasol szakmai jellegű cikkeket, szakirodalmat" - Nem. Magamtól tanulok kb. 5 éve, néhány szakkönyvet szereztem azóta, de heti szaklapokról pl. még nem hallottam. Az interneten sem találtam soha, semmilyen érdemleges megoldást a konkrét problémáimra. (Hol voltak a szaklapjaid akkor?) Mindig magamnak kellett megoldanom. Viszont minden olyan weboldalnak a forrását áttanulmányozom, ami tetszik. Mellesleg ez a mondat sem tartalmaz érveket a div-es struktúra mellett, sokkal nagyobb az érzelmi tartalma => lepereg, nem győz meg.

    "Gyáááj nekem, mennyi pici butaságot tudol te írni:)" - Egy tanító bácsitól elmegy irodalom órán ez a mondat a kis nebulóknak, de lásd be, érvnek kevés, főleg ebben a topicban, értelmes, felnőtt emberek között.

    "Japán orvosok bebizonyították, hogy azoknak a webfejlesztőknek, akik az oldalstruktúrát táblákkal adják meg, és nem pedig (trendy) divekkel, 33 éves korukra leszárad a péniszük. Egy 50 fős kutatócsoport - különféle egyetemek professzorai - támasztották alá kutatásik eredményeivel ezt a ténymegállapítást." - na, ez már igen.
  • Cat 02 #10767
    Semmiképp. PHP-val már biztos.
  • Danny1987
    #10766
    html-ben meg lehet oldani hogy regisztrálni lehessen az oldaladra és néhány részt csak regisztrált felhasználok olvashassanak el?
  • MerlinW
    #10765
    Mindkettő ugyanannyi munka, a CSS korszerűbb, könnyebben módosítható utólag, a táblás meg egyszerűbb, de statikusabb. Úgyis meg kell tanulnod, ha szeretnél ezzel foglalkozni a jövőben is, így azt mondom, hogy CSS pozicionálás.
  • biomage
    #10764
    ez a baj, nekem mind kettő tetszik, csak mivel nem vagyok olyan jó mint ti, ezért kérdezem.
    Bizonyára mindkettőnek megvan a problémája, ezért kérdeztem meg.
    Ti a jobbat ajánlanátok
  • MerlinW
    #10763
    Ahogy neked tetszik...:)
  • biomage
    #10762
    szerintetek hogy csináljam?
    Bal oldalt legyen egy doboz teljesen az aljáig, és mindent mellé rakni "bannert menü sort stb, vagy pozicionáljam a Bannert meg a menü helyét cssben?
  • Máté12
    #10761
    Köszi!!!
  • biomage
    #10760
    már írni akartam hogy kéne előhívni a HTML-ben, volt sejtésem hogy hogy kéne előhívni. kösz
    Aszem ezt fogom használni nem mouse overt
  • MerlinW
    #10759
    Nem használok mouseOvert sehol. Ha a linkekre gondolsz akkor az így van css-ben:

    a.all, a.all:visited, a.all:active {
    color:#cccccc;
    font-family:arial;
    font-size:11px;
    text-decoration:none;
    font-weight: bold;
    }

    a.all:hover {
    color:white;
    font-family:arial;
    font-size:11px;
    padding-left: 10px;
    text-decoration:underline overline;
    font-weight: bold;
    }

    és <a class="all" href...> -el hívod
  • biomage
    #10758
    Hali

    Ismét itt :) MerlinW tetszik a megoldásod, az egér érintésre, a honlapodon
    Én csak ezt találtam, gondolom a tiéd is hasonló, mit kéne módosítani hogy olyan legyen mint a tiéd?
    <html>
    <head>
    <script type="text/javascript">
    function mouseOver()
    {
    document.getElementById("b1").src="hm1.gif"
    }
    function mouseOut()
    {
    document.getElementById("b1").src="hm2.gif"
    }
    </script>
    </head>
    <body>
    <a href="hm" target="_blank" onmouseover="mouseOver()"
    onmouseout="mouseOut()">
    <img border="0" alt="hm" src="hm2.gif" id="b1" /></a>

    </body>
    </html>
  • MerlinW
    #10757
    if ($u['etel'] < 7){
    echo '<div align="center">
    Adok neki:
    <form method="POST" action="snake.php">
    <select name="etel">';

    for ($i=u['etel'];$i<7;$i++){
    echo '
    <option class="bevitel" value="'.(7-$i).'">'.(7-$i).' napra ('.((7-$i)*100).'Ft) </option>';
    }

    echo '
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }
  • Malakai
    #10756
    Egyrészt minek ismételsz meg mindent? Miért nem csak az kerül be, ami változik?
    Ezek állandó értékek, minek a 7-1, miért nem 6? :)

    Másrészről ezt így akartad?
    Mert most pl ha $u['etel'] az 0, akkor az összes lefut.
    Ha nem akkor ugye elseif kellene, vagy switch.
  • Máté12
    #10755
    Működik csak az a baj, hogy én így csináltam:
    if ($u['etel'] <= (7-1)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }
    if ($u['etel'] <= (7-2)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    <option class="bevitel" value="2">2 napra (200Ft) </option>
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }
    if ($u['etel'] <= (7-3)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    <option class="bevitel" value="2">1 napra (200Ft) </option>
    <option class="bevitel" value="3">1 napra (300Ft) </option>
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }
    if ($u['etel'] <= (7-4)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    <option class="bevitel" value="2">2 napra (100Ft) </option>
    <option class="bevitel" value="3">3 napra (100Ft) </option>
    <option class="bevitel" value="4">4 napra (100Ft) </option>

    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }
    if ($u['etel'] <= (7-5)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    <option class="bevitel" value="2">2 napra (200Ft) </option>
    <option class="bevitel" value="3">3 napra (300Ft) </option>
    <option class="bevitel" value="4">4 napra (400Ft) </option>
    <option class="bevitel" value="5">5 napra (500Ft) </option>
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }

    if ($u['etel'] <= (7-6)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    <option class="bevitel" value="2">2 napra (200Ft) </option>
    <option class="bevitel" value="3">3 napra (300Ft) </option>
    <option class="bevitel" value="4">4 napra (400Ft) </option>
    <option class="bevitel" value="5">5 napra (500Ft) </option>
    <option class="bevitel" value="6">6 napra (600Ft) </option>
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }

    if ($u['etel'] <= (7-7)){
    echo '<div align="center">
    Adok neki: 
    <form method="POST" action="snake.php">
    <select name="etel">';
    echo '
    <option class="bevitel" value="1">1 napra (100Ft) </option>
    <option class="bevitel" value="2">2 napra (200Ft) </option>
    <option class="bevitel" value="3">3 napra (300Ft) </option>
    <option class="bevitel" value="4">4 napra (400Ft) </option>
    <option class="bevitel" value="5">5 napra (500Ft) </option>
    <option class="bevitel" value="6">6 napra (600Ft) </option>
    <option class="bevitel" value="7">7 napra (700Ft) </option>
    </select> <input type="submit" class="b" value="Megetetem">
    </form>
    </div><br>';
    }else{
    echo ' <br>';
    }


    Ha pl csak 4 napra elegendő élelem van akkor 3szor mutatja az optiont.:S
  • Maco13
    #10754
    if($u['etel']<(7-2))
  • Máté12
    #10753
    Sziasztok!

    Azt, hogy tudom megnézni if-ben, hogy egy mezönek az értéke MENNYIVEL kevesebb mint pl.: 7?

    Tehát: if($u['etel'] < '7'){
    <option...
    }

    De én így szeretném (ha kevesebb 2nél): if($u['etel'] <2 '7'){
    <option...
    }
  • MerlinW
    #10752
    Gyáááj nekem, mennyi pici butaságot tudol te írni:)
  • ba32107
    #10751
    Mindegy, ne foglalkozz vele
  • Dj Faustus #10750
    "Azt azért elmondom, hogy a weboldalakat úgy csinálják, hogy az egész egy nagy-nagy tábla, felszabdalva kisebb táblákra, amelyekben oszlopok, sorok vannak. Ebben gondolkozz."
    Teljesen ellenjavallt.

    "Eddig még nem láttam olyat, hogy nem táblázattal raktak össze egy weboldalt. "
    Akkor nem nézel szemantikus kódolású, modern weboldalakat, vagy nem ismered a külföldi piacon bekövetkező trendeket, nem olvasol szakmai jellegű cikkeket, szakirodalmat.

    A táblázatmentesség, a szemantikusság, a kód validsága, az akadálymentesség, a háló alapú design (amit a nyomdai technika már réges-régóta ismer), a tartalom/struktúra/kinézet/viselkedés szétszeparálására tett törekvések évek óta egyre jobban elterjedő elvek, melyeket az alternatív böngészők (Firefox, Opera, Safari, Chrome) térhódítása tett lehetővé (ugyanis elősegítették a webes nyelvek ajánlásainak egyre jobb támogatását).

    Itt egy rakat weboldal-gyűjtemény, ami az előbb említett elvek mentén szerveződik.
  • Cat 02 #10749
    <textarea name="message" cols="40" rows="5" ></textarea>
  • Danny1987
    #10748
    de igy is csak egymas után rakja a karaktereket.

    Mi az a wrap propertie?
  • ba32107
    #10747
    text helyett használj textarea-t, annak pedig van wrap propertie-je, amire érdemes figyelni
  • Danny1987
    #10746
    <form action="mailto:[email protected]" enctype="text/plain" method="post">
    <input type="text" size=50>
    <input type=submit value="Send">
    </form>


    Hogy lehet megoldani azt hogy ha nagyobb karaktermennyiséget akarok pl750 akkor ne egymas utan hanem egy dobozba rakja bele a szöveget?
    A send gombot hogyan lehet elhelyezni mashová?
    Ezt html-ben meg lehet oldani?
  • Cat 02 #10745
    Úgy tudom, h a táblázatokból a szövegfelolvasók nem tudnak felolvasni. Bár az sajna manapság semmit se számít. Ám táblázattal tényleg sokkal egyszerűbb összedobni egy oldalt :)
  • Terensz
    #10744
    Nincs rá általános előírás. Maradjunk abban, hogy táblák és div-ek is léteznek, hogy ki melyikkel akarja az oldalát struktúrálni, az egyéni szájíz kérdése. Mindkettő szabványos, és mindkettővel ugyanazt a hatást lehet elérni.

    Dolgoztam együtt nagyon komoly webfejlesztőkkel, és ők is a táblás megoldást preferálták. Nekem ez annyit jelent: az jó választás. Attól még a div-es is lehet az, akinek.
  • Cat 02 #10743
    Épp fordítva kéne (elvileg), hogy a div-ekben kéne táblázat helyett.