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
138
Vastaukset 2
- 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
Olivia Oras
"Yle MOT:n tietojen mukaan Oras oli joutunut sairaalahoitoon helsinkiläisellä kauneusklinikalla tehdyn rasvaimun yhteyde921375- 47911
- 95895
MOT: Nuoren Olivia Oraksen, 27 surullinen kuolema kauneusoperaatiossa :(
MOT:n tietojen mukaan Oras menetti tajuntansa rasvaimua edeltäneessä puudutuksessa. Hänet kuljetettiin Husiin, ja hän ku85799Haluatko että unohdan sinut kokonaan
Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j57737- 64592
- 42591
Ylen typerät rinnastukset.
Näin YLE…..Saksassa ei ole äärioikeisto ollut vallassa sitten Hitlerin . YLEn toimittajille tiedoksi . Hitler oli Saksan191567- 34567
- 48547