Szerző Téma: Megjelenítés  (Megtekintve 15112 alkalommal)

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

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: Megjelenítés
« Válasz #44 Dátum: 2009. március 13., 19:26:03 »
sehogy sem jó..
sztem vmi olyan baj van, hogy nincs vhol egy div lezárva, vmivel le kéne ellenőriztetnem a forrást, de gedit ilyet nem tud...



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: Megjelenítés
« Válasz #43 Dátum: 2009. március 13., 18:54:23 »
class="clear" => clear:both;
ok megpróbálom



Nem elérhető Salaander

  • Globális moderátor
  • Törzstag
  • *****
  • Hozzászólások: 695
  • Salaander
Re: Megjelenítés
« Válasz #42 Dátum: 2009. március 13., 18:42:18 »
Mi a clear?
Tedd bele a footer_top ba hogy clear: both; így elvileg semmi nem kerülhet mellé és a left a helyére megy.

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: Megjelenítés
« Válasz #41 Dátum: 2009. március 13., 18:13:44 »
érdekes problémám akadt...
2 div egyszerűen egymás fölé került semmi utasítás nélkül, és nem tom levenni egyiket a másikról
pontosabban a footer_top-ra rámegy a footer_left, de nem tudom mi a szarért...
tényleg, semmi position, float, semmi sincs..és nincsenek is egymásba ágyazva :/
adok css-t meg forrást

Kód: CSS
  1. .footer{width:800px;height:120px;}
  2. .footer_top{width:800px;height:80px;background-image:url('layout/footer_top.jpg');}
  3. .footer_left{width:335px;height:40px;background-image:url('layout/footer_right.jpg');}

Kód: HTML
  1.         <div class="footer">
  2.                 <div class="footer_top"><div>
  3.                 <div class="clear"></div>
  4.                 <div class="footer_left"><div>
  5.         </div>
  6.  
clear-t a biztonság kedvéért tettem bele..
nem értem mi a baja



Nem elérhető Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Megjelenítés
« Válasz #40 Dátum: 2009. március 05., 12:54:19 »
Igazából csak a #main-al van a baj.. az előző hsz-ben szerkesztettem, hogy FF-ben 200px a behúzás balról, IE-ben 100px és akkor fog kb ugyan azon a pozíción lenni.. Ezt nem értem, hogy méér? talán ha adok neki egy position:adsolute-t..

Hmm.. ez megoldotta.. :D

javított
Kód: CSS
  1. #main
  2. {
  3. position: absolute;
  4. float: left;
  5. margin-left: 200px;
  6. width: 650px;
  7. margin-top: 250px;
  8. margin-bottom: 20px;
  9. }
  10.  
  11. #menu
  12. {
  13. width: 700px;
  14. height: 20px;
  15. margin-bottom: 20px;
  16. margin-left: 15px;
  17. }
  18.  

beljebb húztam a menüt, mert ahová a szoveget akartam ott az IE nem értelmezte a -15px et..
és a main kapott egy position: absolute-t és máris helyén van minden..
(IE.. be kéne tíltani.. -.- )
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Megjelenítés
« Válasz #39 Dátum: 2009. március 05., 12:01:25 »
És már ez a része sem jó? Ha csak ennyi van, akkor is elcsúszik?
float -okal lehetnek gondok. pl amit nem értek, hogy inline -ra van állítva a lista, de a benne levő linkek blokkra vannak állítva, és float-olva. Azt értem miért, de így akkor a lista már akár nem is kéne. Mert floatolt linkekkel ugyanúgy meg lehet oldani. És a linkek eleve úgy vannak.

A hiba pontos okát továbbra sem tudom, de a napokban feltűnt, hogy FF és IE mennyire másképp kezeli a float-ot. és a clear-t.
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ő Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Megjelenítés
« Válasz #38 Dátum: 2009. március 05., 11:51:12 »
Jójó.. én is sokat tököltem vele már előtte is. :)
Csak most már nem jut más az eszembe.. A kinézet egy részét meglévő Style-ből vettem, ami IE-ben, FF-ben és MAxton-ban is jól jelenik meg. A div-eknek csak id-jük van, minden más css-ben van megírva..  Sehol nincs (külön) se relative, se absolute pozíció megadva.
Ezért nem értem én sem..  :confused:

Kód: HTML
  1.  
  2. <div id="main">
  3.  <div id="menu">
  4.                 <ul>
  5.                         <li><a href="#" title="">Sig / Ava</a></li>
  6.                         <li><a href="#" title="">Blog</a></li>
  7.                         <li><a href="#" title="">Gallery</a></li>
  8.                         <li><a href="#" title="">Gallery</a></li>
  9.                         <li><a href="#" title="">Tutorial</a></li>
  10.                 </ul>
  11.  </div>
  12.  
  13.  <div id="page">
  14.  
  15.   <div id="right">
  16.      Bla bla
  17.   </div>
  18.  
  19.  </div>
  20.  
  21. </div>
  22.  
  23. </body>
  24.  

css
Kód: CSS
  1.  
  2. *
  3. {
  4. margin: 0px;
  5. padding: 0px;
  6. }
  7.  
  8. img
  9. {
  10. border: 0px;
  11. }
  12.  
  13. a:link {
  14.         color: #427321;
  15. }
  16.  
  17. a:hover {
  18.         text-decoration: none;
  19.         color: #FF0000;
  20. }
  21.  
  22. a:visited {
  23.         color: #427321;
  24. }
  25.  
  26. body {
  27.  
  28.         background: #000000 url(header.jpg) no-repeat;
  29.         font: 13px Arial, Helvetica, sans-serif;
  30.         color: #000000;
  31.         margin-right: 30px;
  32. }
  33.  
  34. #main
  35. {
  36. float: left;
  37. margin-left: 200px;
  38. width: 650px;
  39. margin-top: 250px;
  40. margin-bottom: 20px;
  41. }
  42.  
  43.  
  44. #menu
  45. {
  46. width: 700px;
  47. height: 20px;
  48. margin-bottom: 20px;
  49.  
  50. }
  51.  
  52. #menu li
  53. {
  54.         display: inline;
  55. }
  56.  
  57. #menu a
  58. {
  59.         display: block;
  60.         float: left;
  61.         width: 129px;
  62.         height: 42px;
  63.         text-align: center;
  64.         text-decoration: none;
  65.         color: #ffffff;
  66.         font-weight: solid;
  67.         font-size: 14px;
  68.         padding-top: 2px;
  69.         background: url(button.png) no-repeat;
  70.         margin-right: 4px;
  71.  
  72. }
  73.  
  74. #menu a:hover {
  75.         width: 129px;
  76.         height: 42px;
  77.         color: #ffffff;
  78.         font-weight: bold;
  79.  
  80. }
  81.  
  82. #page
  83. {
  84.          background: url(page_bg.png) no-repeat;
  85.          width: 690px;
  86.          height: 420px;
  87.          padding-top: 5px;
  88.          padding-right: 5px;
  89.          padding-left: 10px;
  90.          margin-top: 40px;
  91.          margin-left: -15px;
  92. }
  93.  
  94. #right
  95. {
  96.          width: 499px;
  97.          padding-top: 10px
  98. }
  99.  

[szerk]
FF ben : margin-left: 200px; jól jelenik meg..
IE ben : margin-left: 100px; és kb most rakja oda, ahol FF-ben van..  :confused:
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Rimelek

  • Adminisztrátor
  • Őstag
  • *****
  • Hozzászólások: 8.942
    • rimelek.hu
Re: Megjelenítés
« Válasz #37 Dátum: 2009. március 05., 11:43:28 »
Lehet hülye kérdés, de inkább kérdezek, minthogy 3-4 napot elbaromkodjak vele. :)

Érdekes, én ezzel fordítva vagyok :) Inkább napokig gondolkodom, minthogy kérdezzek. Nem is láttok gyakran kérdezni, pedig nem vagyok minden tudó

Normál esetben nem kell két css. Ha annyira két külön style kell hozzá, akkor ott valami nagyon el van szúrva. De képről megmondani nem sokat lehet. Csak az látszik, hogy kb semmi pozició nem az ami FF-ben. De ennyi eltérést nem okoz pading megadásának hiánya.

A tippem: Valami rosszul zárt html blokk, vagy relative illetve abszolut pozició rossz használata
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ő Keveqiah

  • Globális moderátor
  • Teljes tag
  • *****
  • Hozzászólások: 2.332
  • Kisb
    • Keveqiah
Re: Megjelenítés
« Válasz #36 Dátum: 2009. március 05., 11:23:17 »
Lenne egy kis gondom.. vagyis kérdésem..

Készülget egy FanArt-os oldalam..
FF-ban qrva jól néz ki és nagyon tetszik is (nekem)

IE-ben egy rakás sz@r..

Mellékelek két képet és kéne a válasz, hogy lehetne megoldani, hogy mindkettőben ugyan úgy nézzen ki.
Lehet hülye kérdés, de inkább kérdezek, minthogy 3-4 napot elbaromkodjak vele. :)

Lényegében két css-kéne, egy IE-re és egy FF-re?
Gondolok itt arra, hogy IE-ben másook a padding, margin értékek.. Vagy tévedek? És böngészővizsgálattal a megfelelőt tölteném be.
Jól gondolom?

(a képek png-k, mivel a gif egy rakás ratyi minőségileg áttetszőség gyanánt.. IE-re megtudom oldani a png használatot, az nem gond..)
"Gonosz vagyok. Ez ugyebár nem hit dolga."
"Egy ember halála tragédia, ezrek halála statisztika."

Nem elérhető Isti861

  • Törzstag
  • **
  • Hozzászólások: 494
    • BikaTorrent Tracker
Re: Megjelenítés
« Válasz #35 Dátum: 2009. március 04., 23:12:52 »
köszi :)

Nem elérhető Salaander

  • Globális moderátor
  • Törzstag
  • *****
  • Hozzászólások: 695
  • Salaander
Re: Megjelenítés
« Válasz #34 Dátum: 2009. március 04., 22:22:50 »
Azt vagy úgy csinálod hogy ha a többi is div akkor a balra igazított div mellé raksz mégegyet és az mellé kerül ha elfér vagy abszolut helyzetet adsz meg egyszerűen.

Kód: CSS
  1. #nev {
  2.         position: absolute;
  3.         left: balról;
  4.         top: fentről;
  5. }

Nem elérhető Isti861

  • Törzstag
  • **
  • Hozzászólások: 494
    • BikaTorrent Tracker
Re: Megjelenítés
« Válasz #33 Dátum: 2009. március 04., 21:55:34 »
azt hogy tudnám megcsinálni   , hogy egy adott szöveg  ne középen ne  jobbon ne balon jelenjen meg ..     illetve  jobb oldalt   és közép közt lenne a szöveg ...         illetve itt a cím      http://gabbryell.uw.hu

Nem elérhető <madbence />

  • Teljes tag
  • ***
  • Hozzászólások: 1.630
  • Twitterista :)
    • Blogom
Re: Megjelenítés
« Válasz #32 Dátum: 2009. február 22., 22:56:16 »
A CSS nem, a Photoshop viszont remekül el tudja távolítani.
mi chuck norris email címe? gmail@chucknorris.com
Blog: napszemuvegbe.tumblr.com
Twitter: twitter.com/madbence

Nem elérhető Isti861

  • Törzstag
  • **
  • Hozzászólások: 494
    • BikaTorrent Tracker
Re: Megjelenítés
« Válasz #31 Dátum: 2009. február 22., 22:50:54 »
hali  ...  azt hogy lehet ki küszöbölni  hogy ha pl:    beállitok egy háttér  képet .. de az többször megismétlödik     és látszódik az éle, ami elég ronda úgy ... na szóval   css - el   el lehet tüntetni az élt?

Nem elérhető hodika

  • Felhasználó
  • Hozzászólások: 12
Re: Megjelenítés
« Válasz #30 Dátum: 2009. február 18., 19:50:08 »
Sziasztok!

Egy olyan kérdésem lenne, hogy ha azt szeretném, hogy a menüsor olyan legyen mint ezen az oldalon, hogy ha ráállok a menüre, akkor beszürkül a szöveg mögött a háttér, akkor azt hogy oldjam meg?
És ilyenkor a több soros vízszintes menünél egy táblázatban legyen a szöveg, és az egész egy div legyen, vagy a két sor külön div?
Mit javasoltok.
Kb. ilyen menü jó lenne nekem is.