Avatar billede giereck Nybegynder
22. december 2006 - 22:15 Der er 2 kommentarer og
1 løsning

Hjælp til placering af billede

Hej gutter!
Jeg har et lille (!) problem. Jeg har en simpel hjemmeside med en menu, et billede og et tekst område.
Mit spørgsmål er:
Hvordan får jeg placeret billedet så det står lige under menuen og ikke i midten af tabellen som i eksemplet?

Eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
<!--
.style16 {
    color: #000000;
    font-weight: bold;
}
-->
</style>
</head>

<body>
<table width="800" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu </td>
  </tr>
  <tr>
    <td><table width="800" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="800" border="1" cellspacing="0" cellpadding="0">
          <tr>
            <td style=\"vertical-align:top;padding-top:0px;><img src="http://www.plana.dk/plana/maskot/maskot02.jpg/image_preview" width="176" height="240" align="top" /></td>
            <td><p class="style16">text text </p>             
              text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  </td>
          </tr>     
        </table>
          </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </td>
  </tr>
</table>
</body>
</html>



Håber at i kan hjælpe :)
Avatar billede wham Nybegynder
22. december 2006 - 23:17 #1
Brug <td valign="top" STYLE="\"vertical-align:top;padding-top:0px;"> (før billedet)
(Altså med valign="top")

Hele koden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test</title>
<style type="text/css">
<!--
.style16 {
    color: #000000;
    font-weight: bold;
}
-->
</style>
</head>

<body>
<table width="800" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu </td>
  </tr>
  <tr>
    <td><table width="800" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="800" border="1" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top" STYLE="\"vertical-align:top;padding-top:0px;"><img src="http://www.plana.dk/plana/maskot/maskot02.jpg/image_preview" width="176" height="240" align="top" /></td>
            <td><p class="style16">text text </p>             
              text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  </td>
          </tr>     
        </table>
          </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </td>
  </tr>
</table>
</body>
</html>
Avatar billede giereck Nybegynder
22. december 2006 - 23:32 #2
kanon man! takker :)

du skal da vist have et par point
Avatar billede wham Nybegynder
22. december 2006 - 23:33 #3
Godt og takker :-)
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