Voisiko joku auttaa tälläisessä ongelmatilanteessa. Minulla on sivut, jossa on valikko ja oikeapuolella tekstiosa. Tekstiosa on määritelty seuraavasti:
#RightPage {
font-size: 100%;
float: left;
text-align: left;
margin-righy: 50px;
padding: 20px 0px 60px 3px;
width: 1px;
background: #ED8F22 url(images/xxx.jpg) no-repeat top left;
}
Haluaisin nyt tekstiosan oikeaan reunaan kuvan niin, että teksti rivittyisi kuvan mukaan. Kuva on määritelty seuraavanlaisesti:
.kuvaOikea {
text-align:center;
color: #000000;
background: #FFFFFF;
border: 1px #B7B7B7 solid;
margin-top: 5px;
margin-bottom: 5px;
}
.kuvaOikea img {
margin-left: 4px;
margin-right: 4px;
margin-top: 4px;
margin-bottom: 2px;
}
.kuvaOikea {
float: right;
margin-right: 0px;
margin-left: 5px;
}
.kuvaOikea p {
font-size: 0.7em;
font-weight: bold;
color: #FFFFFF;
background: #CA7A2C;
border-top: 1px #B7B7B7 solid;
text-align: center;
margin: 0;
padding: 2px;
}
Jos kuvan laitan sisälle niin se hyppää vasempaan reunaan RightPagen asetusten mukaan. Jos sen taas laittaa RightPagen ulkopuolelle niin silloin menee oikeaan kohtaan oikealle puolelle. Miten saan kuvan nyt RightPagen sisällä menemään sivun oikealle puolelle?
Kuvan
2
101
Vastaukset
- Googoo.. .
10 goto 20
20 for r=1 to 19 : next r
30 print "odota hetki":If r=19 goto 50 then r=1
40 goto 10
50 Print "En mä vaan tiedä":gosub 300
60 end
300 execute subroutine
301 connect lynx htt://www.google.fi
302 print "Have a nice day"
303 return
En mä vaan tiedä
Googlaa - css mannn
Miksi noin monimutkaisesti? Itse tekisin esim. näin...
#RightPage {
font-size: 100%;
float: left;
text-align: left;
margin-right: 50px; /* korjaa typo righy */
padding: 10px; /* orig: 20px 0px 60px 3px */
width: 500px; /* orig: 1px ??? */
background: #ED8F22 url(images/xxx.jpg) no-repeat top left;
}
#RightPage p { padding: 0 0 10px 0; margin: 0; text-align: justify; }
#RightPage img { float: right; padding: 0 0 0 10px; width: 100px; height: 100px; }
-------------------- BODYYN ---------------------
[ ] = < >
[div id="RightPage"]
[img src="xxxxx.jpg" alt="" /]
[p]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec tellus magna. Ut id enim sodales turpis commodo accumsan. Aliquam sit amet
lectus magna, in euismod nisl. Nam vitae nunc enim. Sed sagittis volutpat pretium. Nunc ac urna consequat massa tincidunt adipiscing quis et lorem.
Vivamus ac purus eu nunc luctus pellentesque non a eros. Fusce congue convallis elit, id aliquam tellus vehicula ut. Proin nec urna dictum metus
tincidunt hendrerit. Vestibulum sed dui velit, vitae dignissim eros. In tincidunt, elit et consequat mollis, mi felis blandit ligula, eget blandit
nunc eros quis diam. Aliquam imperdiet vehicula risus, vitae dictum lorem vulputate ac.
[/p]
[/div>]
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433663- 362324
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?321915- 181658
- 171649
- 231578
- 241427
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai841378- 211366
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko891262