Avatar billede tweak Nybegynder
23. maj 2007 - 13:35 Der er 5 kommentarer og
1 løsning

tabler, jeg fatter ikke at bruge dem!

Jeg kan sgu ikke finde ud af de pisse tabler!!

Jeg skal bruge en kort beskrivelse i venstre felt som står oven på et baggrundsbillede, i højre side skal der så være et lille billede af produktet.

Det skal så fortsætte ned af siden. Tekst indholdet kan variere fra produkt til produkt, hvordan vil i skrive koden?

<table width="700" cellpadding="0" cellspacing="0">
<tr>
<td width="355" height="109" valign="top" background="/bg.gif" align="left">
<b></b><br>

  </td>
<td  width="150" height="109" valign="middle" align="center"><a href=""></a>
</td>


<td width="355" height="109" valign="top" align="left" background="/bg.gif">
<b></b><br>

</td>


<td width="150" height="109" valign="middle" align="center"  >
<a href=""></a>
</td>
</tr>
</table></td>
Avatar billede mrbonus Novice
23. maj 2007 - 14:16 #1
det er lidt svært hvis du slet ikke forstår tabeller, men her er en lille smøre.

i en tabel, opretter du en række (<tr>) og i den række kan du sætte datafelter ind (<td>) de forbliver i den række, hvis du vil have en række nedenunder, opretter du bare en ny række efter den første række. jeg ændrede lidt på dit eksempel, en nice ting du kan have god nytte af, til at forstå hvor tingene ligger, er at sætte en ramme på, som jeg har gjort i eksemplet, på tabelen og nogle af dataelementerne style="border:solid 1px #888888".

Håber det hjalp dig lidt


<table width="700" cellpadding="0" cellspacing="0" style="border:solid 1px #888888">
<tr>
<td width="35" height="109" valign="top" background="/bg.gif" align="left" style="border:solid 1px #88FF88">
overskrift 2
<b></b><br>

</td>
<td  width="150" height="109" valign="middle" align="center">
<a href="">mit link 1</a>
</td>

</tr>
<tr>

<td width="35" height="109" valign="top" align="left" background="/bg.gif">
overskrift 2
<b></b><br>

</td>


<td width="150" height="109" valign="middle" align="center"  style="border:solid 1px #8888FF" >
<a href="">mit link 2</a>
</td>
</tr>
</table>
Avatar billede roenving Novice
23. maj 2007 - 22:39 #2
Kræver baggrundsbilledet en bestemt højde i cellen til venstre ?-)
Avatar billede tweak Nybegynder
24. maj 2007 - 20:06 #3
Ja undskyld, jeg er ikke van til at arbejde med dem og sys det opføre sig træls, men jeg har lavet det sådan her:

<style type="text/css">
.test{
width:200px;
height:auto;
padding:7px;
margin:10px;
background-image:url(/tokina/bg.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
.test2{
top:0px;
padding-right:30px;
}
</style>


    <table height="100%" cellpadding="0" cellspacing="0">
<tr>

<td>
    <div class="test">
        <b>Vosonic VP-2160</b><br>
        USB 2.0 High speed kompatibel Kan virke uden pc, håndholdt og genopladelig enhed....
    </div>
</td>

<td>
    <div class="test2">
        <a href="http://www.finnjensen.dk/vosonic/vp-2160/vp-2160.php"><img src="/vosonic/vp-2160/vp2160_small.jpg" width="42" height="60" border="0" alt="Vosonic VP-2160"></a>
    </div>
</td>

<td>
    <div class="test">
<b>Vosonic VP-8350</b><br>
Med Vosonic VP-8350 får du utallige anvendelsesmuligheder i én indpakning. Nu er fyldte hukommelsekort ikke længere noget problem</div>




</td>

<td class="test3">
        <div class="test2">
<a href="http://www.finnjensen.dk/vosonic/vp-8350/vp-8350.php"><img src="/vosonic/vp-8350/vp8350_small.jpg" width="90" height="68" border="0" alt="Vosonic VP-8350"></a>
    </div>
</td>
</tr>
Avatar billede roenving Novice
27. maj 2007 - 00:17 #4
Nu er jeg forvirret, snakkede du ikke om to kolonner ?-)
Avatar billede tweak Nybegynder
28. maj 2007 - 18:44 #5
Jo :( Jeg kan vel godt selv lukke?
Avatar billede tweak Nybegynder
16. maj 2008 - 06:57 #6
svar
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