Olen yrittänyt väsätä kotisivuja (ihan vaan muistiolla), mutta nyt tuli vastaan ongelma. Taustaksi olen valinnut sellasen missä menee vasemmassa reunassa kuvio joka vie näytöstä 1/4 osan. En halua että teksti menee tuon kuvion päälle, mutta mitkään perusjutut joita olen kokeillut ei auta. Siispä nyt tarviin apua, miten saan tekstin pysymään poissa kuvion päältä?
Nyt tuli hätä!
Naikkonen
7478
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 7
Vanhimmat
Align=right komentoa?
Sen pitäisi siirtää teksti oikeaan reunaan...
Se ei ollut hyvän näkönen, ja se oli pidemmän päälle hirveän raskaslukuinen. Luettavuus täytyy olla hyvä, koska näille sivuille tulee oikeastaan vain tekstiä. Lisäksi osa tekstistä hyppi yhä kuvioni päällä...
Vaihtoehtoja on useita.
Helpoin tapa olisi laittaa bodyyn sopivasti paddingia.
--clip--
--clip--
Toinen tapa on kietoa tekstisisältö oman div-elementin sisään, ja laittaa siihen sopivasti marginaalia.
--clip--
Tässä on tekstiä.
--clip--
Kolmas konsti on käyttää taulukkoa sivun taittamiseen.
--clip--
Tässä on tekstiä.
--clip--
Jossa vasemman puolen solussa on esim. 1x1 pikselin kokoinen läpinäkyvä GIF-kuva, joka venyttää solua sopivasti työntäen tekstisisältöä taustakuvan reunuksen verran oikealla. Pelkkä solun leveyden määrittely ei ole aina toimiva ratkaisu, siksi kuva.
Kaikissa esimerkeissa taustakuvan vasemman reunan kuvion oletettu leveys 50 pikseliä.
Itse asemoin taulukoilla. Taulukon mitat varmimmin toimivat oikein pikseleinä. Esim:
KOTISIVUN TAI MUU OTSIKKO
Tähän kirjoitetaan haluttua tekstiä ja muuta...
Noita mittoja muutetaan tarpeen mukaan!
Opettele tekee validii koodii....
Opetellaan kaiken aikaa. Vastaavasti toivon Sinun käyttävän huolellisempaa kieltä ja esim. kirjoittavan täysin erilliset sanat erilleen toisistaan!
Tai minun mielestäni ainakin css on ihan perusjuttua:
Tähän sitten teksti
Toisaalta voit määritellä tekstikappaleen (tai kappaleiden) marginaalin jo head-osassa:
p {margin-left: 200px;}
Ehkä on silti kätevintä pistää suoraan vasen marginaali kaikelle sisällölle:
div.marginaali {
margin-left: 200px;
}
Nyt on kaikelle sisällölle 200 pisteen marginaali. Voit käyttää myös prosentteja ( margin-left: 25%; ), tai kokeilla vaikka mitä ( 10cm; | 25ex | 25em | 15 in | 100mm | 8pc | 18pt )