Avatar billede quarkb Nybegynder
07. juli 2003 - 08:01 Der er 8 kommentarer og
2 løsninger

Placering af billede med float.

Med følgende vil jeg gerne placere billede 1 i øverste venstre hjørne og billede 2 i nederst højre hjørne. Og tekste fra database felt tekst i mellem de to billeder. Men det virker ikke som jeg gerne vil. Nogle med et bedre forslag?

<table border="1" width="600" height="400">
  <tr>
    <td width="100%" valign="top">
    <img border="0" src="1.jpg" width="175" align="top" style="float: left">
    <img border="0" src="2.jpg" width="175" align="bottom" style="float: right">
    <% rs.Fields("tekst") %>
    </td>
  </tr>
</table>
Avatar billede pixeldude Nybegynder
07. juli 2003 - 08:30 #1
Ved ikke om dette vil virke:

<table border="1" width="600" height="400">
  <tr>
    <td width="100%" valign="top">
    <img border="0" src="1.jpg" width="175" style="float: top left">
    <img border="0" src="2.jpg" width="175" style="float: bottom right">
    <% rs.Fields("tekst") %>
    </td>
  </tr>
</table>
Avatar billede quarkb Nybegynder
07. juli 2003 - 08:34 #2
Det har jeg også prøvet men uden held.....
Avatar billede googolplex Novice
07. juli 2003 - 10:50 #3
Prøv at indsætte et 'flydestop' (style="clear:both"), du kan se det i funktion her:

http://www.html.dk/tutorials/css/lektion13.asp
Avatar billede quarkb Nybegynder
07. juli 2003 - 11:04 #4
Tak for dit forslag qoogolplex, men det jeg ønsker er at billedene skal placeres i hvert sit hjørne, dvs.  billede 1 i toppen og billede 2 i bunden af tabellen.
Avatar billede googolplex Novice
07. juli 2003 - 11:17 #5
Er det ikke sådan noget her du søger ?

<table border="1" width="600" height="400">
  <tr>
    <td width="100%" valign="top">
    <img border="0" src="1.jpg" width="175" style="float: left">
<div style="clear:both"></div>   
    Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
<img border="0" src="2.jpg" width="175" style="float: right">
    </td>
  </tr>
</table>

Eller noget i den retning ?
Avatar billede quarkb Nybegynder
07. juli 2003 - 11:20 #6
Ja, teksten skal blot ombrydes billederne, således at teksten også er ud for billederne. Så style="clear:both" kan ikke rigtig bruges.
Avatar billede googolplex Novice
07. juli 2003 - 11:27 #7
<table border="1" width="600" height="400">
  <tr>
    <td width="100%" valign="top">
    <img border="0" src="1.jpg" width="175" style="float: left">
    Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
<div style="clear:both"></div>
<img border="0" src="2.jpg" width="175" style="float: right">
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!
Noget tekst, noget mere tekst, noget endnu mere tekst :) Bob bob !!

    </td>
  </tr>
</table>

Men det funker ikke helt, men princippet er ok tror jeg :)
Avatar billede quarkb Nybegynder
07. juli 2003 - 11:42 #8
Ja, netop. Men jeg har jo ikke mulighed for at sætte billede 2 ind midt i teksten da den hentes via database feltet rs.Fields("tekst"). De to billeder skal altså placeres lige efter hindhanden.
Avatar billede googolplex Novice
07. juli 2003 - 13:13 #9
Nej, det er det der er lidt kringlet. Du selvfølgelig hente teksten, dele teksten op med ASP (eller hvad du bruger) og så sætte det ind de rigtige steder.
Avatar billede quarkb Nybegynder
14. juli 2003 - 12:29 #10
Har fundet en anden løsning, men tak for hjælpen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester