Hei. Ihan tällä kuvauksella ei voi vielä auttaa. Tarvitsisi sivun www-osoitteen, jotta näkee miltä sivu näyttää.
Tässä eräs mahdollisesti (tai tuskin, mutta laitan kuitenkin) aiheeseen liittyvä artikkeli pystysuuntaiseen keskitykseen.
http://css-tricks.com/vertically-center-multi-lined-text/
🙂
Ei voi näyttää, kun eihän sivua vielä ole…
Yleensä sivpohjissa header kuva on koko sisältö alueen levyinen. Nyt sen pitäisi olla vain vaikka kolmannes ja valikot olisi nostettu header kuvan puoliväliin (siis pystysuunnassa).
Kuvalle olisi siten 1/3 vasemmalta ja valikot loput 2/3
siis näin:
KKKKKKK
k K
k k vvvvv vvvvv vvvv vvvvv vvvv
k k
kkkkkkk
Poisti näköjään ylim. välilyönnit.
Eli näin:
k= kuva
v= valikot
s= sisältö
kkkkkk
kkkkkk
kkkkkk vvvvv vvvvv vvvvv vvvv
kkkkkk
kkkkkk
sssssssssssssssssssss sssssssssss
sssssssssssssssssssss sssssssssss
sssssssssssssssssssss sssssssssss
sssss…
Ei tuossa sinänsä mitään muuta tarvita kuin tuota vastaava layout. Oletan, ettet ole kuitenkaan tekemässä omaa aikuisteemaa, joten kannattaa etsiä teema, jossa on suurinpiirtein sama rakenne. Esim.
http://wordpress.org/extend/themes/hatch
Ja css:ää kannattaa alkaa harjoittelemaan esim. täältä: http://www.w3schools.com/css/
Idea on siis suurinpiirtein tämä.
#kuva {
float: left;
width: 33.3333333%;
}
#valikko {
float: left;
width: 66.6666666%;
}
Kiitos vinkeistä.
Tuo Hatch vaikuttaa varsin mielenkiintoiselta.
Kokeilin mutta jostain syystä kiinteä etusivu vaikuttaa sekoavan.
Laitoin ”primary” wimpaimiin tekstilaatikon. Se tulee kyllä näkyviin mutta on jostain syystä tekstin alapuolella eli noin 5cm alempana kuin missä pitäisi. Muilla sivuilla kaikki toimii oikein…
Lisätään vielä, että kun vaihdoin blogi etusivulle niin teema alkoi toimia normaalisti. Eli ei tunnu hallitsevan staattista etusivua. 🙁
H
Origin on melkein vastaava ja siinä etusivukin voi olla kiinteä sivu. Periaatteessa pitäisi toki toimia Hatch-teemassakin.
http://wordpress.org/extend/themes/origin
Kiitos jälleen,
Originissa kiinteä etusivu näyttää toimivan.
Sen ongelma näyttää olevan, että tausta väri peittää niin taustan kuin teksti alueenkin.
Olisikohan tuohon mitään ratkaisua eli saako tausta ja sisältö alueen värejä eriksi?
H
löysinkin ratkaisun: ”wrap” = sisältö alue
.wrap {
background-color: #FFFFFF;
padding: 0 20px;
}
