Oldal: 1 / 12 12311 ... UtolsóUtolsó
Eredmény: 1 - 10 (117) összesen

Téma: div és css mániám

  1. #1
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hely
    8200, Királynék városa
    Hozzászólás
    3.855
    Begyűjtött 320 köszönetet
    154 hozzászólásával

    Alapbeállítás div és css mániám

    Van egy mániám, amit Veletek szívesen megosztok. Div és css kattom van. Remélem nem vagyok ezzel egyedül, bár ha igen, azt is túlélem valahogy.

    Szerintem a táblás szerkezet -bár még mindíg vannak előnyei az ie miatt- a múltat képviselik és a css div kombinációja a jővő, vagyis talán már a jelen is. Próbáld csak ki, hogy átdesignolod a táblás szerkezetet divesre és minden stílus információt belepakolsz egy külső css-be.

    A hatás nem várat magára sokáig, hiszen a tartalmad változatlan méretéhez körülbelül negyed annyi kódra lesz szükség. [egyik lap, amit pár hónapja táblamentesítettem 42%-kal lett kisebb, gyorsabb, jelenesebb]

    Jó kis löketet ad ám egy ilyen manőver a keresési pozíciókat tekintve, szóval divre fel!



  2. #2
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: div és css mániám

    Osztom a véleményed, jóideje tableless lapokat csinálok és gyorsabb a fejlesztés, karbantartás vele mint a táblás verziókkal.

    Meglepő módon még mindig többen használnak táblákat, pedig nem mostanában ütötte fel a fejét a tableless lapépítés.



  3. #3
    kow
    kow nem elérhető
    KowDerMei$ter kow logója
    Csatlakozott
    07-05-09
    Hely
    Budapest
    Hozzászólás
    1.447
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: div és css mániám

    Igen, az oldal layoutja legyen DIV+CSS, de ha van egy terméklista, vagy valami táblázatos dolog, azt továbbra is táblázatba szoktam tenni. Láttam már megoldást ami divekből csinált táblázatot, de az már fölösleges erőlködésnek szerintem. Mindent arra kell használni, amire való.



  4. #4
    Bölcs huncyrus logója
    Csatlakozott
    07-04-26
    Hely
    EU :)
    Hozzászólás
    519
    Begyűjtött 4 köszönetet
    4 hozzászólásával

    Alapbeállítás re: div és css mániám

    a div+css szép és jo. de nézzétek meg három platform 3-3-3 böngészőjében. nem véletlen használnak a devek táblázatot. egyből átláthatóbb és ugyan több a kód, de a táblák hamarabb maradnak meg táblaként mint a div-esek... és 300 byte-on nem fog mulni semmi

    de legyen, Zoli, tolj ide egy kodot divvel és table-vel, és megnézzük.


    Cyrusmagus.hu - Informatika, Fantasy, Blog, Irások

  5. #5
    Bölcs Harder logója
    Csatlakozott
    07-05-05
    Hely
    Budapest
    Hozzászólás
    1.873
    Begyűjtött 168 köszönetet
    109 hozzászólásával

    Alapbeállítás re: div és css mániám

    Én sokat vaciláltam régebben, hogy megéri-e váltani, kell-e nekem a div-es szerkezet, sokáig úgy voltam vele hogy jó nekem a tábla is, azt már ismerem. Szal lustaság és biztonság.. Máig is azt vallom, hogy a táblázat jó dolog, de arra kell használni amire van, táblázatos adatok megjelenítésére.

    Később a kíváncsiság mégis rávitt, hogy elkezdjek vele szórakozni és nem bántam meg, elég látványos a kód csökkenése és gyorsasága (megjelenése). A 300byte csak azon múlik, hogy mekkora oldalról beszélünk, az én esetemben ez inkább így nézett:
    táblás szerkezet: 133kb
    táblás szerkezet tisztogatás után: 127kb
    css szerkezettel felépítve: 26kb

    9 böngészőre meg tesztelni manapság felesleges (hacsak nem tudok mit kezdeni az időmmel napi 24 órában), szerintem elég ez
    a.) IE7, IE6, Opera 9.x, Firefox 1.5, Firefox 2.x és Safari (ha üzleti lapról van szó és fontos, hogy annak a kevés %-nak is jól jelenjen meg a lap)
    b.) IE7, IE6, Opera 9.x, Firefox 2.x (ha magán honlapról van szó)

    Ezek fontossága persze laponként változhat (nálam magasan vezet pl. a Firefox, nekem az a legfontosabb), de nagy átlagban persze még mindig az IE vezet.
    Erről a Kirowski adott ki nemrég egy felmérést (techstat 2007), le lehet tölteni PDF formátumban az alábbi címről (358 kb):
    hxxp://www.btl.hu/upload/Kirowski_TechStat_2007.pdf



  6. #6
    Bölcs huncyrus logója
    Csatlakozott
    07-04-26
    Hely
    EU :)
    Hozzászólás
    519
    Begyűjtött 4 köszönetet
    4 hozzászólásával

    Alapbeállítás re: div és css mániám

    nem csak neked a legfontosabb a firefox... statisztikák szerint pl az üzleti oldalak 45%-át nézik már csak ie-vel... atöbbi firefox... (két honapja olvastam, eu felmérésben, de már nem emléxem a oldalon...)



  7. #7
    Bölcs vidirita logója
    Csatlakozott
    07-05-09
    Hely
    Equilibrium
    Hozzászólás
    1.642
    Begyűjtött 390 köszönetet
    268 hozzászólásával

    Alapbeállítás re: div és css mániám

    most, hogy rázizzentem a honlapkészitési témára, és olvastam némi alapfogalmat, végre rájöttem (FÉLIG), hogy miről szól ez a topik
    (a css-t értem) de mi az a div???



  8. #8
    Új tag LeGaS logója
    Csatlakozott
    07-05-19
    Hely
    Budapest
    Hozzászólás
    29
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: div és css mániám

    A div elemmel alapvetően különböző tartalmi részeket lehet csoportosítani.
    Pl.:
    Kód:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
       <title>Próba</title>
    </head>
    <body>
    <div id="header">
    ... [ide kerül a logo / banner] ...
    </div>
    <div id="navigation">
    ... [ide kerül a navigációs menü] ...
    </div>
    ...




  9. #9
    Bölcs vidirita logója
    Csatlakozott
    07-05-09
    Hely
    Equilibrium
    Hozzászólás
    1.642
    Begyűjtött 390 köszönetet
    268 hozzászólásával

    Alapbeállítás re: div és css mániám

    Idézet LeGaS eredeti hozzászólása Hozzászólás megtekintése
    A div elemmel alapvetően különböző tartalmi részeket lehet csoportosítani.
    Pl.:
    Kód:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
       <title>Próba</title>
    </head>
    <body>
    <div id="header">
    ... [ide kerül a logo / banner] ...
    </div>
    <div id="navigation">
    ... [ide kerül a navigációs menü] ...
    </div>
    ...

    hát izé... jobb, ha ennek még utánanézek



  10. #10
    Mentor garrotter logója
    Csatlakozott
    07-05-11
    Hely
    Budapest
    Hozzászólás
    477
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: div és css mániám

    Ajánlhatom neked Harder honlapját. Rengeteg információ van rajta.
    Meg a weblaboron is nézelődhetsz, van css-ről cikk sorozat.

    A div olyan mint a táblázat egyik cellája egy doboz), amit az oldalon belül úgy helyezzel el ahogy akarsz (majdnem úgy ). És még a táblázat többi részét sem kelle definiálnod hozzá. Minden tulajdonsága külön állítható (méret, háttér, betűtipus, keret stb.).

    G.


    Utoljára módosítva: garrotter által : 2007-05-23 16:09 Oka: legközelebb egybe végig gondolom mit is akarok írni.

Oldal: 1 / 12 12311 ... UtolsóUtolsó

A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •