dreamweaver

Eli noi on tehty resolla 1024 x 768
ja jos on käytössä reso esim 1280 x 1024 niin alkaa toisesta reunasta tuo sivu niinku alusta.

http://koti.mbnet.fi/~tesme

ongelma kirjoitti:

Eli noi on tehty resolla 1024 x 768
ja jos on käytössä reso esim 1280 x 1024 niin alkaa toisesta reunasta tuo sivu niinku alusta.

http://koti.mbnet.fi/~tesme

Ja jos resoluutio on pienempi niin vasempaan reunaan jää typerästi sitä taustakuvaa vaikka oikeasta reunasta kaikki oleellinen ei edes mahdu.


Hmm..
Taustan voi tietenkin kieltää jatkumasta:
body{background: url(http://koti.mbnet.fi/~tesme/harjoitus.gif) no-repeat fixed center;}

Mutta ei tuokaan oikein järkevästi toimi.

Ehkä olisi fiksumpaa ettei tuo hökötys olisi kokonaisena taustana. Pistä sivun taustaksi vaikka se pelkkä tiiliseinä, silleen että se toistuu.
Sit pistät sen itse sivun sisällön yhteen lohkoelementtiin (vaikka diviin), keskität sen ja laitat sille taustakuvaksi tuon lopun hässäkän joka taustasta löytyy.
Näin niinku esimerkkinä vaikka..


Ja vielä yks vinkki:
Leiki että html EI OLE formatointikieli. Leiki että html:llä määritellään vaan sivujen sisältö ja rakenne ja että ulkoasu tehdään kokonaisuudessaan css:llä. Niin tulee parempi ja helpommin hallittava lopputulos.

DW pystyy parempaankin koodiin kuin mitä sinä olet tehnyt, usko pois.

Tõppõ kirjoitti:

Ja jos resoluutio on pienempi niin vasempaan reunaan jää typerästi sitä taustakuvaa vaikka oikeasta reunasta kaikki oleellinen ei edes mahdu.


Hmm..
Taustan voi tietenkin kieltää jatkumasta:
body{background: url(http://koti.mbnet.fi/~tesme/harjoitus.gif) no-repeat fixed center;}

Mutta ei tuokaan oikein järkevästi toimi.

Ehkä olisi fiksumpaa ettei tuo hökötys olisi kokonaisena taustana. Pistä sivun taustaksi vaikka se pelkkä tiiliseinä, silleen että se toistuu.
Sit pistät sen itse sivun sisällön yhteen lohkoelementtiin (vaikka diviin), keskität sen ja laitat sille taustakuvaksi tuon lopun hässäkän joka taustasta löytyy.
Näin niinku esimerkkinä vaikka..


Ja vielä yks vinkki:
Leiki että html EI OLE formatointikieli. Leiki että html:llä määritellään vaan sivujen sisältö ja rakenne ja että ulkoasu tehdään kokonaisuudessaan css:llä. Niin tulee parempi ja helpommin hallittava lopputulos.

DW pystyy parempaankin koodiin kuin mitä sinä olet tehnyt, usko pois.

Jos itse sivu olisi vaikka joku tällainen:

-------------------- index.html --------------------




   Isännöitsijätoimisto Citypoli Oy
   
   
   





   
      Isännöitsijätoimisto Citypoli OY
   

   
      
      Yritysesittely
      Palvelut | Henkilöstö
      Yhteystiedot | Tarjouspyyntö
      
   

   
      
   






----------------------------------------------------

Kuten huomaat, tuossa ei ole mitään mainintaa minkänäköinen tuon sivun pitäisi olla.

Tuo div joka on identifioitu nimellä "sisus" on sitte se jonka sisältö on eri sivuilla erilainen.

Sit pitää tietenkin tehdä tuo css-tiedosto:

------------------- citypoli.css -------------------

   body {
      background: url(tiilitausta.gif) repeat fixed;
      text-align: center;
      font-family: Arial, Helvetica, sans-serif;
      margin: 0px;
      padding: 0px;
   }
   #keskitys {
      width: 700px;
      height: 100%;
      margin: auto;
      background: White;
   }
   a:link {color: #FFFF00;}
   a:hover {color: White;}
   a:visited {color: #FFD700;}
   #header, #menu, #sisus {display: inline;}
   #header {
      width: 100%;
      height: 100px;
      background: Blue url(harjoitus.gif) repeat-y fixed;
   }
   #header h1 {color:white;}
   #menu {
      width: 100%;
      height: 30px;
      background: Blue url(liukuvari.gif) repeat-x fixed;
   }
   #sisus {
      background-color: White;
      width: 100%;
   }


----------------------------------------------------

Nuo kuvat sit saat tehdä ihan itse. tiilitausta.gif olis vaikka se vihreä tiiliseinä joka sulla nyt on, harjoitus.gif on se hieno maisemakuva liekattuna irti siitä muusta kuvasta (siis pelkkä maisema) ja liukuvari.gif (jos sä nyt sellasen haluat) niin se on se sinivalkonen liukuvärijutska joka sulla siinä isossa taustakuvassa on (taas irtilaikattuna).

Ihan vinkiksi pistin tuohon myös ton rollover.js -viittauksen vaikkei sitä tällä sivulla käytetäkään. JavaScriptejä ei välttämättä kannata kirjoitella itse sivuun (vaikka on se ihan sallittua tietenkin) vaan sen voi tehdä myös linkitettynä. Leikkaa sieltä henkilosto.html -sivulta se JS-koodi niin että jätät ne kommenttimerkit pois mutta kopsaat muuten sen koodin, sitten tallennat sen nimellä rollover.js
Nyt saat kutsuttua tuota koodia aina kun haluat (se tallentuu muuten selaimen välimuistiin joten sitä ei tarvitse hakea palvelimelta toista kertaa).

Jaa mitäs muuta.. kerro mitä mieltä olet. Tuota sivua ei ainakaan ole tehty millekään resoluutiolle varsinaisesti, luulis toimivan tavallisilla näytöillä.

Testasin IE:llä, Operalla ja Firefoxilla.