Mulla on pienehkö ongelma omien sivujeni kanssa.
Mulle on kaveri tehnyt grafiikan ja nuo sivun pohjat, sekä css:n. Mä oon itte lisännyt sitten sisältöä. Mä tajuan että kaikki ei oo ihan siten kuin pitäisi. Eli miten merkitsen noi "div style" kohdat css:n. Oon kokeillut, mut en saa onnistumaan. Laitan tähän alle yhden sivun.
Jotain sanottavaa!
Muutos!
Narreina!
Ihminen!
Vanha nainen!
Elävä!
Turhautunut!
Huomasin!
Juhlat!
Anna Ruusu!
Tässä tulee pala tyylitiedostosta:
#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
text-align: center;
}
Ei onnistu!
17
900
Vastaukset
- rupeltaja
Peruskoodi on jo ihan susi kuten tuo:
- Apua tarvitaan
noin. Panin vielä sarakkeen perään vasen_sarake ja oikea_sarake.
- Höpö.
Kun koodiin merkitään
id="jotain"
niin siihen viitataan css-tiedostossa
#jotain { /* määritteitä */ }
Kun koodiin merkitään
class="jotain_muuta"
nin css-tiedostossa merkitään
.jotain_muuta { /* määritteitä */ }
Jos tuo jälkimmäinen on edellisen elementin sisällä, niin siihen voidaan viitata
#jotain .jotain muuta { /* määritteitä */ }
Silloin kun class on id:n sisällä, määritteet periytyvät. Eli tapauksessasi jos sarakkeet -nimiseksi identifioidulle elementille annetaan määritteeksi text-align: center; niin se pätee koko elementin sisällä, myös elementin sisällä olevissa elementeissä ( vasen_sarake , oikea_sarake ). Niitä ei siis tarvitse uudelleen merkitä, riittää kun laittaa uloimpaan elementtiin.
Tässä on koodisi yksinkertaisena ja toimivana:
Jotain sanottavaa!
- Höpö.
Jos siirrät otsikon uloimman elementin sisälle, sekin keskittyy automaattisesti koska se perii #sarakkeet -määreet:
- Apua tarvitaan
Höpö. kirjoitti:
Jos siirrät otsikon uloimman elementin sisälle, sekin keskittyy automaattisesti koska se perii #sarakkeet -määreet:
Mä en saanut toimimaan ei tapahtunut mitään, tarkoititko että jättää nää alla olevat kokonaan pois.
float: left;
width: 265px;
height: 194px;
float: left;
width: 496px;
height: 194px; - Höpö.
Apua tarvitaan kirjoitti:
Mä en saanut toimimaan ei tapahtunut mitään, tarkoititko että jättää nää alla olevat kokonaan pois.
float: left;
width: 265px;
height: 194px;
float: left;
width: 496px;
height: 194px;float: left; ja height: 194px; on siirretty siististi tuonne css -osaan.
width: 265px; taas oli koodissasi turha, koska jos ensin ilmoitetaan leveys pikseleinä ja myöhemmin prosentteina, niin jälkimmäinen vain jää voimaan.
Tai siis jompi kumpi on turha. Voit toki vaihtaa css -osaan width: 265px; tuon width: 42%; :n tilalle.
copypastaat tästä niin varmasti toimii:
Untitled
#sarakkeet
{
clear: both;
height: 194px;
font-style:italic;
text-align: center;
}
#sarakkeet .vasen_sarake
{
width: 42%; float: left;margin-right: 5%;
}
#sarakkeet .oikea_sarake
{
float: right; width: 42%; margin-left: 5%;
}
#sarakkeet h3
{
font-style: normal;
}
- Höpö.
Höpö. kirjoitti:
float: left; ja height: 194px; on siirretty siististi tuonne css -osaan.
width: 265px; taas oli koodissasi turha, koska jos ensin ilmoitetaan leveys pikseleinä ja myöhemmin prosentteina, niin jälkimmäinen vain jää voimaan.
Tai siis jompi kumpi on turha. Voit toki vaihtaa css -osaan width: 265px; tuon width: 42%; :n tilalle.
copypastaat tästä niin varmasti toimii:
Untitled
#sarakkeet
{
clear: both;
height: 194px;
font-style:italic;
text-align: center;
}
#sarakkeet .vasen_sarake
{
width: 42%; float: left;margin-right: 5%;
}
#sarakkeet .oikea_sarake
{
float: right; width: 42%; margin-left: 5%;
}
#sarakkeet h3
{
font-style: normal;
}
Hyväksi havaittu kikka selventää noita säätöjä, on käyttää taustavärejä. Silloin näkee selvästi missä mennään. Ne voi sitten poistaa css:stä kun säädöt on valmiina:
#sarakkeet
{
clear: both;
height: 194px;
font-style: italic;
text-align: center;
background-color: Aqua;
}
#sarakkeet .vasen_sarake
{
width: 42%;
float: left;
margin-right: 5%;
background-color: Silver;
}
#sarakkeet .oikea_sarake
{
float: right;
width: 42%;
margin-left: 5%;
background-color: Yellow;
}
#sarakkeet h3 {
font-style: normal;
background-color: Gray;
}
Tuli mieleen, että tuo #sarakkeet -osassa oleva korkeudensäätö määrää nimenomaan sen osan korkeuden, ei varsinaisesti sarakkeiden korkeutta. Sarakkeiden korkeuden voit määrätä laittamalla sen korkeuden joko niihin molempiin erikseen, tai sitten määrittelemällä sarakkeille ensin yhteiset arvot ja erikseen vain ne joissa kohtaa määritteet eroavat:
#sarakkeet
{
clear: both;
height: 194px;
font-style: italic;
text-align: center;
background-color: Aqua;
}
#sarakkeet .vasen_sarake, .oikea_sarake /* tämä määrittää molemmille sarakkeille korkeuden ja leveyden */
{
height: 194px;
width: 42%;
}
#sarakkeet .vasen_sarake
{
float: left;
margin-right: 5%;
background-color: Silver;
}
#sarakkeet .oikea_sarake
{
float: right;
margin-left: 5%;
background-color: Yellow;
}
#sarakkeet h3 {
font-style: normal;
background-color: Blue;
} - ------
Höpö. kirjoitti:
Hyväksi havaittu kikka selventää noita säätöjä, on käyttää taustavärejä. Silloin näkee selvästi missä mennään. Ne voi sitten poistaa css:stä kun säädöt on valmiina:
#sarakkeet
{
clear: both;
height: 194px;
font-style: italic;
text-align: center;
background-color: Aqua;
}
#sarakkeet .vasen_sarake
{
width: 42%;
float: left;
margin-right: 5%;
background-color: Silver;
}
#sarakkeet .oikea_sarake
{
float: right;
width: 42%;
margin-left: 5%;
background-color: Yellow;
}
#sarakkeet h3 {
font-style: normal;
background-color: Gray;
}
Tuli mieleen, että tuo #sarakkeet -osassa oleva korkeudensäätö määrää nimenomaan sen osan korkeuden, ei varsinaisesti sarakkeiden korkeutta. Sarakkeiden korkeuden voit määrätä laittamalla sen korkeuden joko niihin molempiin erikseen, tai sitten määrittelemällä sarakkeille ensin yhteiset arvot ja erikseen vain ne joissa kohtaa määritteet eroavat:
#sarakkeet
{
clear: both;
height: 194px;
font-style: italic;
text-align: center;
background-color: Aqua;
}
#sarakkeet .vasen_sarake, .oikea_sarake /* tämä määrittää molemmille sarakkeille korkeuden ja leveyden */
{
height: 194px;
width: 42%;
}
#sarakkeet .vasen_sarake
{
float: left;
margin-right: 5%;
background-color: Silver;
}
#sarakkeet .oikea_sarake
{
float: right;
margin-left: 5%;
background-color: Yellow;
}
#sarakkeet h3 {
font-style: normal;
background-color: Blue;
}Sekä yleisesti käytetty toinen kikka on laittaa tarvittaessa tyylisääntöjen loppuun allaoleva, jolloin näkee selvästi elementien rajat.
* {
border: 2px solid red;
}
Tosin vielä kätevämpi on käyttää Firebugia sillä näkyy elementit kun vain osoittaa hiirel sekä samalla näkyy tyylit jotka vaikuttaa vain siihen elementiin näitä tyylejä pystyy myös muokkaamaan ja napsasemaan määreitä pois ja muutoksen näkee heti, kaikki tämä tapahtuu koskematta alkuperäiseen tyylitiedostoon joten sivun päivitys kaikki ennallaan jolloin mitään ei voi pilata. - Apua tarvitaan
Höpö. kirjoitti:
Hyväksi havaittu kikka selventää noita säätöjä, on käyttää taustavärejä. Silloin näkee selvästi missä mennään. Ne voi sitten poistaa css:stä kun säädöt on valmiina:
#sarakkeet
{
clear: both;
height: 194px;
font-style: italic;
text-align: center;
background-color: Aqua;
}
#sarakkeet .vasen_sarake
{
width: 42%;
float: left;
margin-right: 5%;
background-color: Silver;
}
#sarakkeet .oikea_sarake
{
float: right;
width: 42%;
margin-left: 5%;
background-color: Yellow;
}
#sarakkeet h3 {
font-style: normal;
background-color: Gray;
}
Tuli mieleen, että tuo #sarakkeet -osassa oleva korkeudensäätö määrää nimenomaan sen osan korkeuden, ei varsinaisesti sarakkeiden korkeutta. Sarakkeiden korkeuden voit määrätä laittamalla sen korkeuden joko niihin molempiin erikseen, tai sitten määrittelemällä sarakkeille ensin yhteiset arvot ja erikseen vain ne joissa kohtaa määritteet eroavat:
#sarakkeet
{
clear: both;
height: 194px;
font-style: italic;
text-align: center;
background-color: Aqua;
}
#sarakkeet .vasen_sarake, .oikea_sarake /* tämä määrittää molemmille sarakkeille korkeuden ja leveyden */
{
height: 194px;
width: 42%;
}
#sarakkeet .vasen_sarake
{
float: left;
margin-right: 5%;
background-color: Silver;
}
#sarakkeet .oikea_sarake
{
float: right;
margin-left: 5%;
background-color: Yellow;
}
#sarakkeet h3 {
font-style: normal;
background-color: Blue;
}neuvoista. Päädyin sitten alla olevaan ratkaisuun eilen ja onnistumisen riemua koin kunnes tänään huomasin että IE 6:lla rikkoo koko sivun ja IE 7:lla
osan. Siis Firefoxilla ja Operalla toimii täysin. Mikä olisi avuksi että saisi toimimaan IE:n selaimilla.
CSS:
body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}
#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}
#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}
#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}
#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}
.vali
{
padding-left: 70px;
padding-right: 70px;
}
#oikea_sarake .vali
{padding-left: 30px;}
img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}
p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}
Sitten sivu:
Jotain sanottavaa!
Muutos! 22.10.06
Nuoruudessa
olen ikuisesti,
uhmakkaana
katson.
Jumalana.
Vanhetessa
kapeneva polku,
heikkouteni.
Kerjäläinen
Kuolemassa.
Narreina! 23.6.06
Olet kuningatar
tämän päivän,
jonotamme luoksesi.
Teemme
hovikumarruksen,
polvistumme,
narreina
olemme luonasi.
Niin me,
palvomme sinua.
Ihminen! 14.3.06
Oletko ihminen
ihmiselle.
Jaatko hetket
ilon, murheen,
kuljetko hänen
vierellään.
Tai leikitkö
kenties Jumalaa.
Vanha nainen! 25.4.06
Vanha nainen
kaupungin
katuja kulkee,
ruusuilla täytetty
kori kädessään.
Yksi ainut
tehtävä edessään.
Ruusuja antaa
kulkijoille,
elämän laidan. - Höpö.
Apua tarvitaan kirjoitti:
neuvoista. Päädyin sitten alla olevaan ratkaisuun eilen ja onnistumisen riemua koin kunnes tänään huomasin että IE 6:lla rikkoo koko sivun ja IE 7:lla
osan. Siis Firefoxilla ja Operalla toimii täysin. Mikä olisi avuksi että saisi toimimaan IE:n selaimilla.
CSS:
body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}
#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}
#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}
#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}
#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}
.vali
{
padding-left: 70px;
padding-right: 70px;
}
#oikea_sarake .vali
{padding-left: 30px;}
img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}
p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}
Sitten sivu:
Jotain sanottavaa!
Muutos! 22.10.06
Nuoruudessa
olen ikuisesti,
uhmakkaana
katson.
Jumalana.
Vanhetessa
kapeneva polku,
heikkouteni.
Kerjäläinen
Kuolemassa.
Narreina! 23.6.06
Olet kuningatar
tämän päivän,
jonotamme luoksesi.
Teemme
hovikumarruksen,
polvistumme,
narreina
olemme luonasi.
Niin me,
palvomme sinua.
Ihminen! 14.3.06
Oletko ihminen
ihmiselle.
Jaatko hetket
ilon, murheen,
kuljetko hänen
vierellään.
Tai leikitkö
kenties Jumalaa.
Vanha nainen! 25.4.06
Vanha nainen
kaupungin
katuja kulkee,
ruusuilla täytetty
kori kädessään.
Yksi ainut
tehtävä edessään.
Ruusuja antaa
kulkijoille,
elämän laidan.Kopsasin antamasi koodit ja katsoin Opera9, Firefox1.5 ja IE6. Kaikissa näytti täysin samalta.
Voisikohan se vika olla sellaisessa kohdassa koodia jota et antanut. Css:ssä näyttää olevan sellaisia elementtejä kuin
#keskitin
#logo
#sarakkeet
#vasen_sarake
#oikea_sarake
#paasisalto
#pohja
.vali
joita ei kuitenkaan ole antamassasi koodissa. Ilmeisesti antamasi on vain osa kokonaisuutta ja silloin ongelma saattaa olla siellä. Esimerkiksi jos tuo antamasi on jonkin muun sisällä niin periytymiset saattaa toimia jollakin selaimella eri tavalla. Tämä nyt oli villi veikkaus mutta yksi mahdollisuus. - Apua tarvitaan
Höpö. kirjoitti:
Kopsasin antamasi koodit ja katsoin Opera9, Firefox1.5 ja IE6. Kaikissa näytti täysin samalta.
Voisikohan se vika olla sellaisessa kohdassa koodia jota et antanut. Css:ssä näyttää olevan sellaisia elementtejä kuin
#keskitin
#logo
#sarakkeet
#vasen_sarake
#oikea_sarake
#paasisalto
#pohja
.vali
joita ei kuitenkaan ole antamassasi koodissa. Ilmeisesti antamasi on vain osa kokonaisuutta ja silloin ongelma saattaa olla siellä. Esimerkiksi jos tuo antamasi on jonkin muun sisällä niin periytymiset saattaa toimia jollakin selaimella eri tavalla. Tämä nyt oli villi veikkaus mutta yksi mahdollisuus.Tätäkö tarkoitit?
Index.php:
Topin runokirja
Topin Runokirja
Yksi sivu:
Jotain sanottavaa!
Muutos! 22.10.06
Nuoruudessa
olen ikuisesti,
uhmakkaana
katson.
Jumalana.
Vanhetessa
kapeneva polku,
heikkouteni.
Kerjäläinen
Kuolemassa.
Narreina! 23.6.06
Olet kuningatar
tämän päivän,
jonotamme luoksesi.
Teemme
hovikumarruksen,
polvistumme,
narreina
olemme luonasi.
Niin me,
palvomme sinua.
Ihminen! 14.3.06
Oletko ihminen
ihmiselle.
Jaatko hetket
ilon, murheen,
kuljetko hänen
vierellään.
Tai leikitkö
kenties Jumalaa.
Vanha nainen! 25.4.06
Vanha nainen
kaupungin
katuja kulkee,
ruusuilla täytetty
kori kädessään.
Yksi ainut
tehtävä edessään.
Ruusuja antaa
kulkijoille,
elämän laidan.
CSS:
body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}
#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}
#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}
#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}
#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}
.vali
{
padding-left: 70px;
padding-right: 70px;
}
#oikea_sarake .vali
{padding-left: 30px;}
img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}
p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}
Tällä systeemillä rikkoo IE 6:ssa kaikki sivut ja IE 7:ssa yhden sivun. - Höpö.
Apua tarvitaan kirjoitti:
Tätäkö tarkoitit?
Index.php:
Topin runokirja
Topin Runokirja
Yksi sivu:
Jotain sanottavaa!
Muutos! 22.10.06
Nuoruudessa
olen ikuisesti,
uhmakkaana
katson.
Jumalana.
Vanhetessa
kapeneva polku,
heikkouteni.
Kerjäläinen
Kuolemassa.
Narreina! 23.6.06
Olet kuningatar
tämän päivän,
jonotamme luoksesi.
Teemme
hovikumarruksen,
polvistumme,
narreina
olemme luonasi.
Niin me,
palvomme sinua.
Ihminen! 14.3.06
Oletko ihminen
ihmiselle.
Jaatko hetket
ilon, murheen,
kuljetko hänen
vierellään.
Tai leikitkö
kenties Jumalaa.
Vanha nainen! 25.4.06
Vanha nainen
kaupungin
katuja kulkee,
ruusuilla täytetty
kori kädessään.
Yksi ainut
tehtävä edessään.
Ruusuja antaa
kulkijoille,
elämän laidan.
CSS:
body
{
margin: 0;
padding: 0;
background-color: #4e281d;
text-align: center;
font-family: "times new roman", "bookman old style";
font-style: italic;
font-size: 12pt;
color: #7d1900;
}
#keskitin
{
width: 761px;
margin: 0 auto;
text-align: left;
}
#logo
{
height: 263px;
background: #4e281d url('images/logo.jpg') no-repeat top left;
} #logo h1{margin:0;padding:0;text-indent:-9999px;}
#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}
#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}
#paasisalto
{
height: 253px;
background: #4e281d url('images/sisalto.jpg') no-repeat top left;
overflow: auto;
width: 740px;
}
#pohja
{
height: 265px;
background: #4e281d url('images/pohja.jpg') no-repeat top left;
}
.vali
{
padding-left: 70px;
padding-right: 70px;
}
#oikea_sarake .vali
{padding-left: 30px;}
img
{border: 0;margin:0;}
map, area
{border: 0;margin:0;}
a
{color: #7d1900;text-decoration: underline;}
a:hover
{text-decoration: none;}
p
{
margin: 0;
padding-top: 10px;
}
h3
{margin:0;margin-bottom:20px;font-size:22px;
text-align: center;}
Tällä systeemillä rikkoo IE 6:ssa kaikki sivut ja IE 7:ssa yhden sivun.Ei tuolla php:llä ryyditetyllä mitään tee, kun en mitenkään saa kaikkea tarvittavaa ladattua siihen pääsivulle.
Mieluummin yhdestä valmiiksikasatusta sivusta lähdekoodi tai sitten ihan linkki sinne sivulle niin näkee varmasti missä mennään. - Apua tarvitaan
Höpö. kirjoitti:
Ei tuolla php:llä ryyditetyllä mitään tee, kun en mitenkään saa kaikkea tarvittavaa ladattua siihen pääsivulle.
Mieluummin yhdestä valmiiksikasatusta sivusta lähdekoodi tai sitten ihan linkki sinne sivulle niin näkee varmasti missä mennään.ei sillä tietenkään mitään tee. Mä laitan sitten sivujeni linkin tähän, CSS on se mikä edellisessä viestissä oli. Mulla siis toimii FF:llä ja Operalla, mutta IE versioilla ei.
http://www.topinrunokirja.com/ - -Ridge-
Apua tarvitaan kirjoitti:
ei sillä tietenkään mitään tee. Mä laitan sitten sivujeni linkin tähän, CSS on se mikä edellisessä viestissä oli. Mulla siis toimii FF:llä ja Operalla, mutta IE versioilla ei.
http://www.topinrunokirja.com/Kokeile ottaa tämän rivin päässä oleva välilyönti pois, toimi ainakin mulla kun kokeilin..!
Hyvä keino on käyttää yhden pikselin bordereita tällaisissa tapauksissa, nytkin tyhjää tilaa ilmestyi heti leftiin ja siitä pääseekin jo sitten kiinni itse ongelmaan..!! - Höpö.
Apua tarvitaan kirjoitti:
ei sillä tietenkään mitään tee. Mä laitan sitten sivujeni linkin tähän, CSS on se mikä edellisessä viestissä oli. Mulla siis toimii FF:llä ja Operalla, mutta IE versioilla ei.
http://www.topinrunokirja.com/Css:ssä on ainakin yks ajatusvirhe:
#sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: left;
width: 496px;
height: 194px;
eikös oikean sarakkeen pitäis olla
float: right;
Silloin IE laittaa sen kyllä oikealle mutta sen mielestä sarakkeet ovat yhteensä liian leveitä, joten se viskaa oikean sarakkeen alemmas. Koitin kaventaa, jolloin sarakkeiden väliin jää tyhjää..
Siellä alempana toimii sarakkeet ainakin IE6:lla, joten ehkä sun kannattaa säädellä jotain sen pohjalta.. - -Ridge-
-Ridge- kirjoitti:
Kokeile ottaa tämän rivin päässä oleva välilyönti pois, toimi ainakin mulla kun kokeilin..!
Hyvä keino on käyttää yhden pikselin bordereita tällaisissa tapauksissa, nytkin tyhjää tilaa ilmestyi heti leftiin ja siitä pääseekin jo sitten kiinni itse ongelmaan..!!Eipä toiminutkaan kun kopioin koodin tuosta edellisestä viestistä. Miksiköhän tallenna kokonainen www-sivu muuttaa koodia, tuolla tavalla yhden välin poisto toimi, tosin se olikin ennen tuota riviä..=)
Samalla huomasin kun kopion koodin ja css edellisestä viesti, että kun bodystä ottaa pois font-style: italic; niin sivu ei rikkoonnu..!!
Pitäis varmaan mennä nukkumaan kun alkaa niin sekavia selittämään..=)
- Apua tarvitaan
Kun tyylitiedostossa on tämä kohta "sarakkeet"
#sarakkeet
{
clear: both;
height: 194px;
} #sarakkeet #vasen_sarake
{
float: left;
width: 265px;
height: 194px;
}
#sarakkeet #oikea_sarake
{
float: right;
width: 496px;
height: 194px;
background: #4e281d url('images/uusin_runo.jpg') no-repeat top left;
text-align: center;
}
#sarakkeet #oikea_sarake .vali
{
margin-top: -37px;
position: relative;
z-index: 2;
font-style: italic;
}
niin pitäiskö tämä seuraava jotenkin ujuttaa sinne
sisälle.
#jokuid{
font-style: italic;
}
.jokuclass{
width: 42%;
text-align: center;
}
#eka{
float: left;
margin-right: 5%;
}
#toka{
float: right;
margin-left: 5%;
}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Suomi on täysin sekaisin
Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-20000104504829Ensimmäisestä kohtaamisesta saakka
minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa151722Aivan täysin tahallinen teko
Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves931459Suomussalmi saatu vihdoin maailmankartalle!
Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä531359Olet saanut minut sekoamaan
Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.221316Mainehaitta metsäkonefirmalle
Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos531208Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?
Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-01075Myönnän sinulle nyt
Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele54990Pysytäänkö nainen
edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.57885Olen käyttäytynyt ristiriitaisesti
eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl60859