Styling af billede, Wordpress

En mulighed er at sætte det ind som her.

<div id="content">
<div class="page-image"><img title="image" src="Sti_til_dit_billede/image1.jpg" alt="image" height="261" width="300"></div>
<div class="post" id="post-7">

Og dette i din css

.page-image {
    margin-top:90px;
    float: right;
}
Margin-top er kun for at få det ned til i højde med din tekst.

Men du har vel set at din menu ser forkert ud i IE6 og 7

<ole>

Hvad i alverden sker her:

<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Forbedrer effekten af muskelstimuleringen på cellulite.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Her gør kombinationen med infrarød varme underværker. Behandlingen går langt dybere end andre muskelstimulatorer</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Links:</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">link</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">hover</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">active</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">visited</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Tei System er en helt ny generation indenfor elektronisk muskelstimulation, der bygger på en ny, revolutionerende teknologi. En af tingene der adskiller Tei System fra andre muskelstimulatorer på markedet er, at den har en kombination af muskelstimulation og infrarød varme. Fordelen med den infrarøde varme er, at den trænger 4 cm ind i vævet.</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 0px; width: 1px; height: 1px; overflow-x: hidden; overflow-y: hidden;">Tei System er en helt ny generation indenfor elektronisk muskelstimulation, der bygger på en ny, revolutionerende teknologi. En af tingene der adskiller Tei System fra andre muskelstimulatorer på markedet er, at den har en kombination af muskelstimulation og infrarød varme. Fordelen med den infrarøde varme er, at den trænger 4 cm ind i vævet.</div>

9 elementer med samme ID ...? En ID skal være unik på dokumentniveau, så det kan/må man ikke.

Når det er sagt, er det svært at se, hvad de 9 div skal gøre godt for - og en del af indholdet virker temmelig vrøvlet  =)

/mvh
</bole>

zips -> Jeg prøver det lige i aften og vender tilbage. Nej, jeg har ikke tjekket IE endnu. Der kommer nok et nyt spørgsmål på eksperten vedrørende dette :o)

olebole -> Hvor finder du det henne? Det ser meget mystisk ud..

Det fandt jeg såmænd i din kildekode. Kik i View Source i din browser  =)

olebole -> Ohh. Det kan jeg godt se. Der er sket noget i min paste af ind indhold. Jeg tror det er kommet med fra den oprindelige kilde. Der er i hvert fald ikke nogen grund til at det var der. Tak fordi du opdagede det.

zips -> Jeg kan desværre ikke gøre som du skriver. Sådan som wordpress er opbygget, så kan jeg ikke få billedet ud af "entry-text" div'en. Jeg kan godt se at det vil virke sådan som du skriver, men jeg skal bruge en løsning hvor jeg kan style billedet "ud" af dens forældre div. Alternativt skal jeg have modificeret min wordpress, således at jeg kan få et seperat input felt til billedet.

Håber der er nogen der kan hjælpe.

Vh
Jens

Ok jeg kender ikke WP, men prøv med dette i din css, img skal være din class på dit billede, for ellers vil alle de billeder du lægger ind ryge helt til højre.

.entry-text img {margin-left: 640px;position: absolute;}

Wohoo. Genialt! Så virker det. Mange tak.

Hvordan giver jeg dig point? Har ikke prøvet det "nye" eksperten før nu.

PS. har du et godt bud på hvordan jeg får menuen til at funke i IE?

Her er et svar :-)

Med din menu kan du sætte float:left; på din #menu li sådan her

#menu li {
    margin-left: 0px;
    margin-right: 0px;
    list-style-type: none;
    padding: 0px;
    float:left;
}

Ok, det er top. Har sat det på.

Når jeg er færdig med sitet vil jeg gennemgå det i diverse browsere.

Tak for hjælpen.

Vh
Jend