Placering af 2 billeder i tekst

Normalt ville jeg klare det med

<img border="0" src="/images/billede1.jpg" align="right">

Kigger med ...

Men vil teksten så stå op af billede ? Vil billedet ikke bryde teksten, så der ikke står tekst ved siden af billedet ?

Nej, du får teksten helt op ad billedet.

<table>
  <tr>
    <td>
      <img border="0" src="/images/billede1.jpg" align="right">
      En masse, masse tekst .....
    </td>
  </tr>
</table>

Teksten vil stå til venstre for billedet. Når billedet slutter, vil teksten fortsætte neden under billedet.

<div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td style="width: 50%;"><img border="0" src="/images/billede1.jpg" align="right" width="80" height="25">lkhgl asduh aduhadiuasd iysga diysagd oysa gdoyisau
                dodysa iygd oiydgd gisapoy gdoisayg doidysa oidys
                oiydspoiyiydgaysod ogsayiu daogdasiy sagdipyod ipyuagd piysagd
                oiysag doidys aoiysgd oiysgad iyp<img border="0" src="/images/billede2.jpg" align="left" width="80" height="25"><br>
                dljfhdsflkjhd fslksdjhffsdflkh dfskjhdsfsdjlkfh sdlkjfhd
                sæljhdfds æjshdflækjdh sflæksdjhf</td>
            <td style="width: 50%;"></td>
        </tr>
    </table>
    </center>
</div>

jeps - der er problemet... teksten hiver jeg ud af en database, og derfor skulle jeg gerne kunne placere begge billeder før eller efter teksten - hvis du forstår.

Vil dette ikke virke?

<div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td style="width: 50%;">
                <img border="0" src="/images/billede1.jpg" align="right" width="80" height="25">
                <%=RS("mintekst")%>
                <img border="0" src="/images/billede2.jpg" align="left" width="80" height="25">
            </td>
            <td style="width: 50%;"></td>
        </tr>
    </table>
    </center>
</div>

Her ved mig, giver det samme problem som jeg havde før... det sidste billeder er placeret under teksten, og ikke ved siden af.

Billede nederst til venstre skal være i bunden, men teksten skal stå på højre side af billedet?

ja lige just...

Det var et godt spørgsmål. Hvis jeg placerer billedet midt inde i teksten med en align="left", ser det rigtigt ud. Men det er jo svært at vide hvor højt billedet er, og hvor meget tekst der er.

Hvis jeg laver det på denne måde:

<div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td style="width: 50%;">
                <img border="0" src="/images/billede1.jpg" align="right" width="80" height="25">
                <img border="0" src="/images/billede2.jpg" align="left" width="80" height="25">
                <%=RS("mintekst")%>
            </td>
            <td style="width: 50%;"></td>
        </tr>
    </table>
    </center>
</div>

- er den der næsten. Men næsten er jo ikke i orden :o)

Jeg skal i byen nu. Jeg vil tygge lidt på den og vende tilbage. Snakkes :o)

martins, jeg må indrømme, at jeg er løbet tør for idéer. Jeg søger lidt på nettet og håber, at der er andre, der kan komme dig til undsætning. Vender tilbage straks jeg finder noget :o)

Det nærmeste jeg kunne komme uden at sætte position:absolute;bottom:0px; på, som bevirker at billedet er ovenpå teksten:

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td style="width: 50%;position:relative;">
        <img border="0" src="../billede.jpg" style="float:right;width:80px;height:75px;margin:0 0 5px 5px;">
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lectus elit, sagittis at, accumsan id, dictum et, erat. Etiam non sapien. Quisque aliquet gravida mi. Integer vitae tortor quis wisi scelerisque vestibulum. Duis pulvinar magna non mauris laoreet volutpat. Aenean et purus. Cras accumsan justo sed arcu. Quisque urna. Sed mi. Ut sed nunc at lorem aliquet vulputate. Proin quis nibh. Proin ut dui vitae urna lacinia posuere. Ut vulputate purus facilisis nunc. Morbi ultrices euismod leo. Integer dui tellus, dictum in, viverra at, sagittis id, sem. Donec nonummy, sem eu hendrerit vulputate, nunc urna molestie eros, et semper nunc mi at ipsum. Praesent tempus malesuada felis. <br>
        <img border="0" src="../billede.jpg" style="float:left;width:80px;height:75px;margin:5px 5px 5px 0;">
        Vestibulum iaculis mattis sem. Suspendisse hendrerit, justo nec scelerisque mattis, ipsum lacus rutrum nibh, ac sollicitudin tellus felis eu ligula. Aliquam erat volutpat. Curabitur id magna. Aliquam eu magna id pede viverra varius. Nunc eu augue. Nulla quis ligula ac purus commodo vestibulum. Suspendisse adipiscing. Nullam velit. Integer nibh dolor, euismod non, blandit sed, ultricies vel, velit. Nulla posuere metus vel libero. Vestibulum elementum. Cras at nunc eget turpis tristique ullamcorper. In eget mi. Aliquam quis pede. Curabitur tincidunt est quis quam. Nunc elit nulla, ornare a, tristique eu, imperdiet in, eros.</td>
      <td style="width: 50%;"></td>
    </tr>
  </table>
  </center>
</div>

Ok tak for jeres tid... jeg skal lige sige, at hvis problemet er, at det sidste billede _skal_ være i bunden, så kan jeg godt leve uden. Bare det er under det første billede, samt at teksten kommer til at stå på højre side af det. Bare lige husk på, at jeg hiver teksten ud af en database, så derfor ved jeg ikke om jeg kan placere billede #2 midt i teksten....

martins, der findes en dele-funktion i ASP. Du kan dele teksten i to:

<table>
  <tr>
    <td>
      <image>
      Tekst del I
    </td>
  </tr>
  <tr>
    <td>
      Tekst del II
      <image>
    </td>
  </tr>
</table>

Prøv at søge efter denne dele-funktion. Jeg tror godt det kan lykkes.

Hvad med f.eks.:

<script type="text/javascript">
var txt = '<%=RS("mintekst")%>';
var txt = txt.split(" ");
var mid = Math.floor(txt.length/2);
var tmp = new Array();
for(i=0;mid>i;i++)tmp[i]=txt[i];
tmp = tmp.join(" ");
txt = txt.join(" ").substring(tmp.length+1);
document.getElementById('minspan1').innerHTML = tmp;
document.getElementById('minspan2').innerHTML = txt;
</script>

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td style="width: 50%;position:relative;">
        <img border="0" src="../billede.jpg" style="float:right;width:80px;height:75px;margin:0 0 5px 5px;">
        <span id="minspan1"></span>
        <img border="0" src="../billede.jpg" style="float:left;width:80px;height:75px;margin:5px 5px 5px 0;">
        <span id="minspan2"></span></td>
      <td style="width: 50%;"></td>
    </tr>
  </table>
  </center>
</div>

Cool, roenvig! :o)

Kanon - tak for idéen roenving

Jeg kunne dog ikke få det til at du med et javascript, så jeg fulgte Steens vejledning, og lavede en funktion i asp, som deler teksten i to.

Hvad siger i til at dele point ?

Hvis det er i orden for roenvig, er det i orden for mig :o)

Hvis man alligevel kører et asp-script, er det faktisk også skørt at læne sig op ad et javascript for at få det til at køre, så den var mest til inspiration for de muligheder, man kan udnytte ...

-- og så er det jo steens arbejde !-)

-- og så kan jeg jo sige, at det at få den slags til at køre (altså javascript, som tager fat i form-elementer !-) kræver, at elementerne med sikkerhed er loadet, så sådan en funkion skal man køre onload -- eller efter </body> !o]

Det er nu lige så meget dit arbejde, roenvig :o)