Szerző Téma: Egyéb problémák  (Megtekintve 70620 alkalommal)

0 Felhasználó és 1 vendég van a témában

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Egyéb problémák
« Válasz #205 Dátum: 2008. szeptember 20., 13:09:15 »
Az auto 0 nem minden böngészőben működik. Azt hiszem csak FF-ben. Amikor nekem kellett középre igazítás, valahogy így csináltam:
Kód: HTML
  1. <div style="width: 900px; background: #123123; text-align: center; ">
  2.     <div style="text-align: left; margin: 0 auto; background: #987654; width: 500px">
  3.         <table>
  4.         <tr>
  5.                 <td>Foo</td>
  6.                 <td>Foo</td>
  7.                 <td>Foo</td>
  8.         </tr>
  9.         <tr>
  10.                 <td>Foo</td>
  11.                 <td>Foo</td>
  12.                 <td>Foo</td>
  13.         </tr>
  14.         <tr>
  15.                 <td>Foo</td>
  16.                 <td>Foo</td>
  17.                 <td>Foo</td>
  18.         </tr>
  19.         <tr>
  20.                 <td>Foo</td>
  21.         </tr>
  22.         </table>
  23.    </div>
  24. </div>

Első div középre igazítása text-align -al. második div balra igazítása text-align -al, és középre FF kedvéért margin auto 0 -val.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető <madbence />

  • Teljes tag
  • ***
  • Hozzászólások: 1.630
  • Twitterista :)
    • Blogom
Re: Egyéb problémák
« Válasz #204 Dátum: 2008. szeptember 20., 12:58:37 »
Pedig nekem jó:
Kód: HTML
  1. <div style="width: 900px; background: #123123">
  2.         <table style="margin: 0 auto; background: #987654; width: 500px">
  3.         <tr>
  4.                 <td>Foo</td>
  5.                 <td>Foo</td>
  6.                 <td>Foo</td>
  7.         </tr>
  8.         <tr>
  9.                 <td>Foo</td>
  10.                 <td>Foo</td>
  11.                 <td>Foo</td>
  12.         </tr>
  13.         <tr>
  14.                 <td>Foo</td>
  15.                 <td>Foo</td>
  16.                 <td>Foo</td>
  17.         </tr>
  18.         <tr>
  19.                 <td>Foo</td>
  20.         </tr>
  21.         </table>
  22. </div>
A táblázat a div közepére kerül.
mi chuck norris email címe? gmail@chucknorris.com
Blog: napszemuvegbe.tumblr.com
Twitter: twitter.com/madbence

Nem elérhető Satya

  • Teljes tag
  • ***
  • Hozzászólások: 1.155
Re: Egyéb problémák
« Válasz #203 Dátum: 2008. szeptember 20., 12:49:25 »
Talán jó lesz, mindjárt megnézem.

Eredmény ugyan az...
Kód: HTML
  1. <table border="0" cellpadding="2" cellspacing="0" align="center" class="table_2"><tr><td>
  2. <input type="submit" value="Mentés" class="mentes_gomb"></td></tr></table>

Kód: CSS
  1. .table_2{
  2. margin: 0 auto;
  3. }
Internet Explorer - legjobb böngésző egy másik böngésző letöltésére.

Nem elérhető <madbence />

  • Teljes tag
  • ***
  • Hozzászólások: 1.630
  • Twitterista :)
    • Blogom
Re: Egyéb problémák
« Válasz #202 Dátum: 2008. szeptember 20., 12:43:52 »
Ha már CSS:
Kód: CSS
  1. .table_2{
  2. margin: 0 auto;
  3. }
mi chuck norris email címe? gmail@chucknorris.com
Blog: napszemuvegbe.tumblr.com
Twitter: twitter.com/madbence

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Egyéb problémák
« Válasz #201 Dátum: 2008. szeptember 20., 12:02:00 »
szerintem mondtam már, hogy a <center> -t ne használd :)
helyette inkább:
Kód: HTML
  1. <div align="center">
  2.  
  3. </div>

de táblázatnak is van align tagja.
Kód: HTML
  1. <table align="center">
Csak a táblázatot rakja középre.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető Satya

  • Teljes tag
  • ***
  • Hozzászólások: 1.155
Re: Egyéb problémák
« Válasz #200 Dátum: 2008. szeptember 20., 11:56:59 »
Sziasztok.

Van egy táblázatom, amit <center> tag-el középre igazítok, de sajnos a tartalma is középre igazodik, adtam a táblázatnak egy osztályt és beleírtam a CSS fájlba, hogy:
Kód: CSS
  1. .table_2{
  2. text-align: left;

De ez sem segített, egyéb ötlet?
Internet Explorer - legjobb böngésző egy másik böngésző letöltésére.

Nem elérhető <madbence />

  • Teljes tag
  • ***
  • Hozzászólások: 1.630
  • Twitterista :)
    • Blogom
Re: Egyéb problémák
« Válasz #199 Dátum: 2008. szeptember 19., 20:32:28 »
Mondjuk szerintem div-ekkel épphogy fordítva kell, mint táblázatokkal. Először az oszlopok, utánna a cellák. És akkor gyakorlatilag float oszlopok, azon belül block div-ek, az egész végén meg egy clear.
mi chuck norris email címe? gmail@chucknorris.com
Blog: napszemuvegbe.tumblr.com
Twitter: twitter.com/madbence

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Egyéb problémák
« Válasz #198 Dátum: 2008. szeptember 19., 20:16:32 »
Ha hiányoznak a táblázatok, de nem szeretnél elszakadni attól a módszertől, akkor adható div-eknek is táblázat stílus. Amivel úgy viselkednek mint egy sor, vagy egy cella. display tulajdonságot keresd ITT
Nem mondom, hogy ez a jó megoldás, de lehetőség.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető Semmu

  • V.I.P. tag
  • Teljes tag
  • *****
  • Hozzászólások: 2.576
  • Akinek semmi sem tetszik :D
    • [készülõben]
Re: Egyéb problémák
« Válasz #197 Dátum: 2008. szeptember 19., 20:08:45 »
köszi! azthittem nem lehet megoldani

azért kérdeztem, mert olvastam, h ne használjunk táblázatokat, meg div4eva, pro és kontra, aztán gondoltam akkor én is elkezdek div-ezni
amúgy ez arra kellett h 2 egymás mellett lévő cellát divekkel helyettesítsek

kösz mégegyszer!



Nem elérhető <madbence />

  • Teljes tag
  • ***
  • Hozzászólások: 1.630
  • Twitterista :)
    • Blogom
Re: Egyéb problémák
« Válasz #196 Dátum: 2008. szeptember 19., 18:50:12 »
float után clear!
<div style="clear: both"></div>
Ha ezt nem csinálod, akkor a szülő div összeesik (0 lesz a magassága, ezért nincs is háttere)
mi chuck norris email címe? gmail@chucknorris.com
Blog: napszemuvegbe.tumblr.com
Twitter: twitter.com/madbence

Nem elérhető Semmu

  • V.I.P. tag
  • Teljes tag
  • *****
  • Hozzászólások: 2.576
  • Akinek semmi sem tetszik :D
    • [készülõben]
Re: Egyéb problémák
« Válasz #195 Dátum: 2008. szeptember 19., 17:58:42 »
tom, h eléggé hülye vok, de egy divben lévő 2 divet h tok 1más mellé tenni, ha nem egyenlő a magasságuk? floattal nem megy...
azaz megy, csak nem ad ff3ban a 2 floatolt divnek hátteret, amit beállítottam a fődivnek, s ha pedig min2 divnek külön adom meg a hátterét, akkor ugye a rövidebb div hátere nem fog nyúlni ami viszont jó lenne...

még próbálkozom :/



Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Egyéb problémák
« Válasz #194 Dátum: 2008. szeptember 07., 20:14:36 »
Jólvan, menjünk vissza php témába, ott jobban otthon érzem magam :D
Eddig tartott, hogy megértsem a különbséget, és az igazi funkcióját az absolute-nak, és relative-nak. Már mondtad egyszer, hogy nem a teljes dokumentumhoz kell mérni az absolute-nál, hanem a szülő csomóponthoz, de nem esett le. Így jár, aki csak kódol mint a gép, de a designal sose foglalkozik :)
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető <madbence />

  • Teljes tag
  • ***
  • Hozzászólások: 1.630
  • Twitterista :)
    • Blogom
Re: Egyéb problémák
« Válasz #193 Dátum: 2008. szeptember 07., 19:50:54 »
nemnemnem, a relative az, hogy ahhoz képest, ahol egyébként lenne, mennyivel rakja arrébb. Ha a img (a kép) szülője relative, (de nincs arrébbrakva), akkor az img lehet absolute. A 0.0 pont ekkor a szülő div bal felső sarka lesz.
Én legalábbis így csináltam eddig mindig (aztán lehet, hogy csak mázlim volt, hogy jó helyre került :))
mi chuck norris email címe? gmail@chucknorris.com
Blog: napszemuvegbe.tumblr.com
Twitter: twitter.com/madbence

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Egyéb problémák
« Válasz #192 Dátum: 2008. szeptember 07., 19:45:37 »
ne absolute poziciót használj, hanem relative-ot. Vagy legyen minden elemnek absolute poziciója, de az meg elég csúnya lenne :P relative pozicióval pedig az előző elemhez képest lesz számítva a top és a left értéke.

Már úgy értem a képet tartalmazó elemhez képest. PL egy div.
Egyszerűen létezem, és lézengek a Földön,
mint idióta szellem, kinek kastélya a börtön.

Nem elérhető SmiThY

  • Felhasználó
  • Hozzászólások: 95
Re: Egyéb problémák
« Válasz #191 Dátum: 2008. szeptember 07., 19:40:51 »
Olyan problémám lenne hogy absolute módon igazitok egy képet általam tetsző helyre csak az a baj vele hogy 1280x1024-es felbontásba csinálom akkor ott jó a kinézett de ha letetszem 1024x789-ba akkor meg elcsúszik a helyéről hogyan lehet mogoldani hogy ha felbontást váltok akkor az oda igazitott kép az ott maradjon ahol kell ?