Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Miten kuvan saa alkamaan heti sivun ylhäältä asti?

viuki [25.03.2006 12:38:42]

#

Kun laittaa kuvan heti sivun alkuun

<body>
<img src="kuva.gif" width="800" height="200">

Miksi se ei ala heti yläreunasta vaan sinne jää tyhjää?
jos on mahdollista saada kuva alkamaan heti sivun ylhäältä asti niin kiitos!!

Antti80 [25.03.2006 12:50:09]

#

<body topmargin="0">
<img src="kuva.gif" width="800" height="200">

Se tekee marginaalin sinne ylös. Laita body-tagin sisälle topmargin="0" niin se pitäisi auttaa.

Merri [25.03.2006 13:03:37]

#

Mielellään ei kuitenkaan noin: HTML ei ole tarkoitettu tyylien määrittelemiseen ja tässä(kin) tapauksessa hommaan tarkoitettu CSS hoitaa homman kotiin paljon näppärämmin:

<style type="text/css">
body {
margin : 0;
padding : 0;
}
</style>

Tämä koodi poistaa kaiken marginaalin ja sisennyksen pääelementistä, jolloin sisältö suorastaan liimautuu reunoihin kiinni. Padding tarvitsee nollata Operan takia, IE ja Firefox puolestaan tekevät perussisennyksen marginaalilla. Koodi asetetaan sivun head-osioon ja CSS:n saa halutessaan myös ihan omaan tiedostoonsa.


Offtopic: Jos haluaa pakottaa itsensä opettelemaan CSS:n käyttöä koko sivun suunnittelussa, pääsee siihen helposti asettamalla tuon ylläolevan esimerkkikoodin body-tekstin tilalle tähtimerkin, jolloin marginaalit ja sisennykset poistetaan kaikilta elementeiltä. Myöhemmillä tyyleillä sitten voi taas asettaa juuri ne haluamansa asetukset ja todella päästä vauhtiin CSS:n opettelemisessa.

Blaze [25.03.2006 13:04:36]

#

Ulkoasuun liittyvät seikat tulee luonnollisesti hoitaa CSS:llä:

body {
  margin: 0;
  padding: 0;
}

Edit: pöh, hidas minä.

viuki [28.03.2006 20:55:49]

#

Kiitos taas kerran!

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta