Keskustelu: Nettisivujen teko: CSS: Selain onglema

ollio [19.02.2008 12:09:12]

Aloitin tällaista leiskaa: http://pp.kpnet.fi/olli/templates/Pilvipohja/
jonka css-tiedosto on täällä http://pp.kpnet.fi/olli/templates/Pilvipohja/main.css

Mikähän tuossa mättää, että reunukset piirtyvät IE7:ssa ja Operassa, mutta Firefoxissa ei. Reunukset muodostuvat siis toistamalla bg.jpg kuvaa #main-kohdan taustakuvana.

Olisin ikikiitollinen avusta. Muutenkin tuota koodia saa kommentoida. En vielä oikein käsitä tuota id ja class:in eroa.

terv. tosi aloittelija

Lebe80 [19.02.2008 12:25:29]

#page {
background-image:url(kuvat/bg.jpg);
margin:10px auto auto;
width:965px;
}
ja sijoita copyright mainin ulkopuolelle (tai lisää #page:n sisälle vielä yksi div, jolle tuon määritteen annat)

Suosittelen myös lämpimästi firefoxiin Firebugin asennusta, jolloin css:n debuggaus onnistuu erittäin nopeasti ja näet mihin asti mikäkin div jatkuu.

Vasta_alkaja [19.02.2008 13:05:52]

Id:tä kannattaa käyttää uniikkina arvona ja classia yleisenä.

<style type="text/css">
#uniikki{
  width:100%;
}
.joku{
  padding:2px;
}
</style>
<table id="uniikki">
<tr>
<td class="joku> &nbsp; </td>
<td class="joku> &nbsp; </td>
<td class="joku> &nbsp; </td>
<td class="joku> &nbsp; </td>
</tr>
</table>

Tämä tosin menisi myös näin

<style type="text/css">
#uniikki{
  width:100%;
}
#uniikki td{
  padding:2px;
}
</style>

Jolloin kaikki td:t uniikki id:n omaavassa taulussa saisivat arvon padding:2px;

Merri [19.02.2008 13:12:45]

Vain yksi pieni huomio: kaikki uudet sivut on parempi tehdä suoraan Strict DOCTYPEllä. Transitional on tarkoitettu enemmänkin siirtymävaiheeseen vanhanlaisesta koodista uudenlaiseen, joten se on täysin turha uusille sivuille.

Vastaus

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

Kirjautuminen