Olisi tälläinen koodi. Molemmat tekstit pitäisi saada reunoista noin 15pikseliä sisälle päin ja molempien tekstien välistä noin 15 pikseliä myös.
'Jotain ylimääräistä...' olisi hyvä saada kehyksiin jonka reunat ovat 1 pikselin ja valkoiset (molemmat tekstit valkoiset). Miten tämän saa toimimaan?
Sivuilta löydät tietoa minusta, harrastuksistani ja linkkejä.
Sivuiltani voit myös ladata jotain shareware, freeware ohjelmia.
Sivujeni etusivulle pääset seuraavasta linkistä
|Etusivulle
Sivut tulevat myös englanniksi, kun vaan teen ensin Suomen kielisenä nämä.
Toivon että viihdyt ^^
Jotain ylimääräistä tekstiä, mikä pitäisi saada sivuille :P
'Jotain ylimääräistä...' olisi hyvä saada kehyksiin jonka reunat ovat 1 pikselin ja valkoiset (molemmat tekstit valkoiset). Miten tämän saa toimimaan?
Sivuilta löydät tietoa minusta, harrastuksistani ja linkkejä.
Sivuiltani voit myös ladata jotain shareware, freeware ohjelmia.
Sivujeni etusivulle pääset seuraavasta linkistä
|Etusivulle
Sivut tulevat myös englanniksi, kun vaan teen ensin Suomen kielisenä nämä.
Toivon että viihdyt ^^
Jotain ylimääräistä tekstiä, mikä pitäisi saada sivuille :P
Vastaukset 3
Vanhimmat
Otsikkko
Sivuilta löydät tietoa minusta, harrastuksistani ja linkkejä.
Sivuiltani voit myös ladata jotain shareware, freeware ohjelmia.
Sivujeni etusivulle pääset seuraavasta linkistä
;|Etusivulle
Sivut tulevat myös englanniksi, kun vaan teen ensin Suomen kielisenä nämä.
Toivon että viihdyt ^^
Jotain ylimääräistä tekstiä, mikä pitäisi saada sivuille :P
---------------------------------------------------------
No, tarviihan tuohon sitten tietenkin tyylitiedosto mutta samalla muotilla saat sitten joka sivusta samannäköisen:
body {
background-color: Green;
text-align: center; /* IE keskittää kaiken sisällön (vaikka pitäisi keskittää vain tekstit */
}
h1, #alakuva {
height: 45px;
width: 695px;
margin: auto; /* Tällä keskitetään halutut elementit, ei toimi IE:llä (kts ylempää kommenttia) */
background: url(yla.gif) no-repeat center;
}
h1 span {
position: absolute;
left: -10000px; /* Siirretään otsikko hevon kuuseen */
}
#alakuva {background: url(ala.gif) no-repeat center;}
#sisalmys {
width: 694px;
margin: auto;
background: url(keski.gif);
color: White;
vertical-align: top;
display: block;
}
#sisalmys p.vasen {
float : left;
top: 10px;
width: 70%;
padding: 15px 15px 15px 15px; /* ylä oikea ala vasen */
}
#sisalmys p.oikea {
float: right;
top: 10px;
width: 30%;
border: 1px solid White;
padding: 15px 15px 15px 15px;
}
emmä jaksa noita taulukoita vääntää. Css:llä kaikki onnistuu nätimmin:)
Suur kiitos vastauksesta jälleen.
Halusin vain hieman ulkonäköä sivuilleni niin sen takia oli tuollainen ongelma.
Olin aivan unohtaa css:n ^^
Kiitos vielä kerran.