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
70
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
Nurmossa kuoli 2 Lasta..
Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .1387755Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!
Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde381955Kaksi lasta kuoli kolarissa Seinäjoella. Tutkitaan rikoksena
Henkilöautossa matkustaneet kaksi lasta ovat kuolleet kolarissa Seinäjoella. Kolmas lapsi on vakasti loukkaantunut ja251920- 911633
Miksi pankkitunnuksilla kaikkialle
Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että1801565Tunnekylmä olet
En ole tyytyväinen käytökseesi et osannut kommunikoida. Se on huono piirre ihmisessä että ei osaa katua aiheuttamaansa p1071009- 49930
Taisit sä sit kuiteski
Vihjata hieman ettei se kaikki ollutkaan totta ❤️ mutta silti sanoit kyllä vielä uudelleen sen myöhemmin 😔 ei tässä oik4899Odotathan nainen jälleenkohtaamistamme
Tiedät tunteeni, ne eivät sammu johtuen ihanuudestasi. Haluan tuntea ihanan kehosi kosketuksen ja sen aikaansaamaan väri28830- 34812