Mulla on seuraavanlainen sivupohja, vähän muokattuna. Tyylitiedostossa on kohta "paivanimet". Koodissa sitten pitäisi saada pysymään päiväys vasemmalla ja nimet tulisi oikealle. Nyt ne on molemmat vasemmalla.
Mitenkä ihmeessä tää onnistuu.
Topin runokirja
body{
background-color:#FFFFFF;
h1: font-family: Algerian, Times New Roman ,serif; color: black;
font: 12px normal verdana serif;/*font-size, line-height,font-weight,font-style, font-family */
margin-bottom: 10px;
padding: 0;
}
a:link,a:active,a:visited {
color: #66664C;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #66664C;
text-decoration: underline;
font-weight: normal;
}
.otsikko{
width:900px;
height:80px;
border: 1px #CCCC98 solid;
text-align:left;
padding:4px 8px;
background-color:#E9EACC;
}
.linkit{
width: 900px;
height: 30px;
font: 18px bold italic serif;
color: #66664C;
background-color:#FFFFFF;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
padding-left: 10px;
}
.paivanimet{
width: 900px;
height: 20px;
font: 11px bold italic serif;
color: #66664C;
background-color:#FFFFFF;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
padding-left: 10px;
}
.sisalto{
width: 900px;
height: 420px;
font: 12px normal verdana;
background-color:#FEFFDE;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
vertical-align: top;
}
.alaosa{
width: 900px;
height: 20px;
font: 11px normal verdana;
color: #66664C;
background-color:#FFFFFF;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
text-align: center;
}
TOPIN RUNOKIRJA
» » » » Etusivu » » » » »
Kuka olen » » » » »
Runokirja » » » » »
Muistoja » » » » »
Linkit » » » » »
Palaute » » » »
Tähän vasemmalle tulee päivämäärä. Oikealle nimipäivät.
Sisältö tulee tänne...
Copyright © Sivusi nimi
Kiitos avusta!
Mitenkä ihmeessä tää onnistuu.
Topin runokirja
body{
background-color:#FFFFFF;
h1: font-family: Algerian, Times New Roman ,serif; color: black;
font: 12px normal verdana serif;/*font-size, line-height,font-weight,font-style, font-family */
margin-bottom: 10px;
padding: 0;
}
a:link,a:active,a:visited {
color: #66664C;
text-decoration: none;
font-weight: normal;
}
a:hover {
color: #66664C;
text-decoration: underline;
font-weight: normal;
}
.otsikko{
width:900px;
height:80px;
border: 1px #CCCC98 solid;
text-align:left;
padding:4px 8px;
background-color:#E9EACC;
}
.linkit{
width: 900px;
height: 30px;
font: 18px bold italic serif;
color: #66664C;
background-color:#FFFFFF;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
padding-left: 10px;
}
.paivanimet{
width: 900px;
height: 20px;
font: 11px bold italic serif;
color: #66664C;
background-color:#FFFFFF;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
padding-left: 10px;
}
.sisalto{
width: 900px;
height: 420px;
font: 12px normal verdana;
background-color:#FEFFDE;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
vertical-align: top;
}
.alaosa{
width: 900px;
height: 20px;
font: 11px normal verdana;
color: #66664C;
background-color:#FFFFFF;
border-width: 1px;
border-color: #CCCC98;
border-style: solid ;
border-top: 0px;
text-align: center;
}
TOPIN RUNOKIRJA
» » » » Etusivu » » » » »
Kuka olen » » » » »
Runokirja » » » » »
Muistoja » » » » »
Linkit » » » » »
Palaute » » » »
Tähän vasemmalle tulee päivämäärä. Oikealle nimipäivät.
Sisältö tulee tänne...
Copyright © Sivusi nimi
Kiitos avusta!
Vastaukset 4
Vanhimmat
Sanoisin että pistät sinne html:ää näin:
20.09.2006
Varpu, Vaula
ja css:ään näin:
#paivanimet span {width:50%;}
#paivanimet span.nimet {position: absolute; right:0px;}
Älä muuten käytä sekaisin noita kivikautisia attribuutteja ja css:ää. Älä myöskään turhaan käytä css-määrityksiä html:n joukossa kun käytössäsi on kerran erillinen css-osio.
Menetät hyvin pitkälti css:llä saadun hyödyn.
kertoa mitä tarkoitat. "Kivikautisia attribuutteja ja css:ää", turhaan css-määrityksiä html:n joukossa".
Tarkoitatko näitä ";ää vai mitä.
Tää on mulle nääs niin vaikea juttu, ettei oo tosikaan. Tuntuu ettei mikään mee jakeluun jos edes on mihenkä vois mennä. Alle 10 vuotiaat muksutkin osaa nää jutut jo.
Esimerkiksi tässä kohtaa tökkii:
Olet tunkenut nuo html-koodiin, vaikka ne kuuluisivat css:ään. Siis css:llä toteutettavia ulkoasumääritteitä html-koodin seassa. Niitä voi hyvällä syyllä kutsua kivikautisiksi.
Sen sijaan ja kuuluvat html-koodiin.
"Kivikautisilla attribuuteilla" tarkoitan mm. näitä:
eli kaikkea jossa html:llä yritetään puuttua ulkoasuun. Sekakieli ei ole hyvä asia, sillä ei saavuteta mitään etua mutta sitä on vaikeampi hallita.