Avaleht
uus teema   vasta Tarkvara »  WWW »  Algaja probleem lehega märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
janek87
HV kasutaja

liitunud: 13.08.2004
sõnum 22.09.2008 14:08:52 Algaja probleem lehega vasta tsitaadiga
Tervist!
Probleem selles, et kuidas saada leht paika erinevate resodega? Ise vaatan lehte resoga 1280x800 ja oleks justkui korras. 1024x768 resoga on ta aga horisontaalselt paigast ära.
Leht suht algeliselt tehtud, targemad saavad aru icon_lol.gif
Leht siin: http://www.pradklaas.ee/heinamaa
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
oicu
HV kasutaja

liitunud: 23.11.2006
sõnum 22.09.2008 14:23:58 vasta tsitaadiga
sul tabelis ju laius paigas.
<table width="1264" border="0" cellspacing="0">
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
janek87
HV kasutaja

liitunud: 13.08.2004
sõnum 22.09.2008 14:56:42 vasta tsitaadiga
Tean. Kuidas seda asja teisiti lahendada?
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
gnoom
HV veteran

liitunud: 12.12.2003
sõnum 22.09.2008 17:04:42 vasta tsitaadiga
janek87 kirjutas:
Tean. Kuidas seda asja teisiti lahendada?

Vähenda oma lehe fikseeritud laiust.
Kommentaarid: 67 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 64
tagasi üles
vaata kasutaja infot saada privaatsõnum
DoS
HV veteran
DoS

liitunud: 19.08.2002
sõnum 22.09.2008 17:17:53 vasta tsitaadiga
Kes see siis tänapäeval veel tabelitega sellist asja teeb? icon_rolleyes.gif
Üks võimalikke lahendusi: (NB! Ei ole täielik, vaid lihtsalt demomiseks, et keegi kobisema ei hakkaks)
html:
  1. <html>
  2. <head>
  3. <title>demo</title>
  4. <style type="text/css">
  5. * {
  6.     margin: 0;
  7.     padding: 0;
  8.     border: 0;
  9. }
  10. body {
  11.     background: url("kodulehekülg.png") repeat;
  12. }
  13. #content {
  14.     background: url("layout_01.png") no-repeat;
  15.     height: 666px;
  16.     width: 760px;
  17.     margin: 0 auto;
  18. }
  19. #footer {
  20.     background: url("layout165_02.png") repeat-x;
  21.     height: 104px;
  22.     width: 100%;
  23. }
  24. </style>
  25. </head>
  26. <body>
  27.     <div id="content">
  28.     </div>
  29.     <div id="footer">
  30.     </div>
  31. </body>
  32. </html>


Soovitan soojalt, võta need kaks lehte ette, tööta läbi ja siis uuri antud teemasid edasi:
http://www.w3schools.com/xhtml/
http://www.w3schools.com/css/

viimati muutis DoS 22.09.2008 17:19:44, muudetud 2 korda
Kommentaarid: 50 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 47
tagasi üles
vaata kasutaja infot saada privaatsõnum
montez
Kreisi kasutaja

liitunud: 29.12.2002
sõnum 22.09.2008 17:18:24 vasta tsitaadiga
või pane tabel % järgi paika. Antud näite puhul aga <div> keskele ja ümbritseva paned backgroundina.
_________________
Kommentaarid: 46 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 45
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 22.09.2008 18:01:02 vasta tsitaadiga
Selle sama koodiga saad lehe keskele vedada suht lihtsalt.
Lisa style osasse
<style type="text/css">
<!--
body {
   background-image: url(images/kodulehek%C3%BClg.png);
            text-align:center;
}
-->
</style>


ja veel muuda

<table width="1264" border="0" cellspacing="0" style="margin:0 auto;">

Kui tahad, et all muru osa jookseks täies laiuses pane see tabeli alla eraldi div või tabeli sisse korduma ja selle tabeli - div laiuseks anna 100%
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
janek87
HV kasutaja

liitunud: 13.08.2004
sõnum 09.10.2008 10:01:25 vasta tsitaadiga
Tänud...
Aga kuidas saada see alumine "muru" tabel alati kõige alla? Suuremate resodega juhtub nii, et see muru jääb justkui õhku rippuma, mitte ei liigu automaatselt kõige alla icon_confused.gif
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
oicu
HV kasutaja

liitunud: 23.11.2006
sõnum 09.10.2008 10:21:12 vasta tsitaadiga
janek87 kirjutas:
Aga kuidas saada see alumine "muru" tabel alati kõige alla?


div height 100% peale ja vertical-align: bottom;
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
janek87
HV kasutaja

liitunud: 13.08.2004
sõnum 09.10.2008 13:11:55 vasta tsitaadiga
Ilmselt midagi veel kahesilmavahele jäänud...ei paista ikkagi töötavat suurema resoga icon_confused.gif
Kood on siin:

html:
  1.  
  2.       <html>
  3.       <head>
  4.       <title>Test</title>
  5.       <style type="text/css">
  6.  
  7.       * {
  8.  
  9.           margin: 0;
  10.  
  11.           padding: 0;
  12.  
  13.           border: 0;
  14.  
  15.       }
  16.  
  17.       body {
  18.  
  19.           background: url("taust.png") repeat;
  20.  
  21.       }
  22.  
  23.       #content {
  24.  
  25.           background: url("layout165_01.png") no-repeat;
  26.  
  27.           height: 666px;
  28.  
  29.           width: 760px;
  30.  
  31.           margin: 0 auto;
  32.                   
  33.                   
  34.  
  35.       }
  36.  
  37.       #muru {
  38.  
  39.           background: url("layout165_02.png") repeat-x;
  40.  
  41.           height: 110px;
  42.  
  43.           width: 100%;
  44.  
  45.                   vertical-align:bottom;
  46.       }
  47.  
  48.       </style>
  49.  
  50.       </head>
  51.  
  52.       <body>
  53.  
  54.           <div id="content">
  55.  
  56.           </div>
  57.  
  58.           <div id="muru">
  59.  
  60.           </div>
  61.  
  62.       </body>
  63.  
  64.       </html>


viimati muutis janek87 09.10.2008 13:13:02, muudetud 1 kord
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
HSGold
HV veteran
HSGold

liitunud: 30.06.2002
sõnum 09.10.2008 13:12:59 vasta tsitaadiga
janek87, said abi oma probeemile?
_________________
Kommentaarid: 95 loe/lisa Kasutajad arvavad:  :: 2 :: 3 :: 76
tagasi üles
vaata kasutaja infot saada privaatsõnum
janek87
HV kasutaja

liitunud: 13.08.2004
sõnum 09.10.2008 16:35:49 vasta tsitaadiga
Ei.
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
oicu
HV kasutaja

liitunud: 23.11.2006
sõnum 09.10.2008 16:54:37 vasta tsitaadiga
sa pead oma kahele div tagile yhe div tagi ümber panema

<div id="page">
  <div id="content"></div>
  <div id="muru"></div>
</div>
Kommentaarid: 9 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 9
tagasi üles
vaata kasutaja infot saada privaatsõnum
janek87
HV kasutaja

liitunud: 13.08.2004
sõnum 15.10.2008 00:01:42 vasta tsitaadiga
Kuidas ma "content'i" keskele joondan? tulirebasega on korras, aga IE 7 joondab ikkagist vasakule...
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
iceincube
HV veteran
iceincube

liitunud: 18.11.2005
sõnum 15.10.2008 00:08:44 vasta tsitaadiga
margin:auto ei aita äkki?
Kommentaarid: 39 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 15.10.2008 12:31:21 vasta tsitaadiga
tsitaat:
margin:auto ei aita äkki?

See toimib ainult FF ja Opera puhul. IE jaoks pead bodyle text-align:center; panema (või kui mingi teise elemendi sees, siis sellele, mis ümber on)
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002
sõnum 15.10.2008 12:48:14 vasta tsitaadiga
andrusny kirjutas:
tsitaat:
margin:auto ei aita äkki?

See toimib ainult FF ja Opera puhul. IE jaoks pead bodyle text-align:center; panema (või kui mingi teise elemendi sees, siis sellele, mis ümber on)
Ei ole vaja XHTML puhul.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
iceincube
HV veteran
iceincube

liitunud: 18.11.2005
sõnum 15.10.2008 12:53:54 vasta tsitaadiga
aa, vbla tõesti. Mul on igastahes toimind, ja kasutan tõesti xhtml-i.
Igastahes IE-s mul on töötanud nagu mühin.
Tänan vaägustamast kus ei tööta thumbs_up.gif
Kommentaarid: 39 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 37
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  Algaja probleem lehega
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.