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?
#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?
Vastaukset 2
Vanhimmat
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
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>]