Avatar billede Slettet bruger
14. august 2005 - 17:00 Der er 19 kommentarer og
1 løsning

2 celler ovenpå hinanden?

Jeg har følgende kode:

<table width="700" border="0" align="center" cellpadding="5" cellspacing="0">
  <tr>
    <td valign="top">
    <table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="Image/Toplogo.jpg" width="700" height="100"></td>
  </tr>
</table>

    </td>
  </tr>
  <tr>
      <td><table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td>
            <img src="Button/FORSIDE_DOWN.gif" width="100" height="25">
            <img src="Button/Knap1_UP.gif" width="100" height="25">
            <img src="Button/Knap2_UP.gif" width="100" height="25">
            <img src="Button/Knap3_UP.gif" width="100" height="25">
            <img src="Button/Knap4_UP.gif" width="100" height="25"></td>
      </tr>
      <tr valign="top">
        <td class="menu">&nbsp;</td>
      </tr>
  <tr>
    <td>Content</td>
  </tr>
</table>
</td>
  </tr>
</table>

Problemet er at de 2 celler ikke lægger help op til hinanden. I celle nummer 2 er der baggrundsfarve vha css. Mine knapper (der er faneblade) lægger sig ikke helt ned til bundlinien? Der kommer derimod en lille hvid linie lige under billederne.
Hvordan lægger jeg dem helt ned?
Avatar billede roenving Novice
14. august 2005 - 17:03 #1
Sæt </td> bagved cellens indhold, for ellers indsætter ie et linjeskift !-)

-- og du afslutter slet ikke cellen før rækken med knapper ?-)
Avatar billede roenving Novice
14. august 2005 - 17:04 #2
-- og du har 3 </table> men kun 2 <table>-tags, hvad er det rigtige ?-)
Avatar billede roenving Novice
14. august 2005 - 17:04 #3
Argh, glem den sidste !-)
Avatar billede roenving Novice
14. august 2005 - 17:07 #4
-- altså skal det se sådan ud:

<table width="700" border="0" align="center" cellpadding="5" cellspacing="0">
  <tr>
    <td valign="top">
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="Image/Toplogo.jpg" width="700" height="100"></td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td>
      <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td>
              <img src="Button/FORSIDE_DOWN.gif" width="100" height="25">
              <img src="Button/Knap1_UP.gif" width="100" height="25">
              <img src="Button/Knap2_UP.gif" width="100" height="25">
              <img src="Button/Knap3_UP.gif" width="100" height="25">
              <img src="Button/Knap4_UP.gif" width="100" height="25"></td>
        </tr>
        <tr valign="top">
          <td class="menu">&nbsp;</td>
        </tr>
        <tr>
          <td>Content</td>
        </tr>
      </table></td>
  </tr>
</table>
Avatar billede schaefner Juniormester
14. august 2005 - 17:07 #5
Roenving: Der er stadig mellemrum mellem billederne :)

<table width="700" border="0" align="center" cellpadding="5" cellspacing="0">
    <tr>
        <td valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img src="Image/Toplogo.jpg" width="700" height="100"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="font-size: 0px"><img src="Button/FORSIDE_DOWN.gif" width="100" height="25">
                    <img src="Button/Knap1_UP.gif" width="100" height="25">
                    <img src="Button/Knap2_UP.gif" width="100" height="25">
                    <img src="Button/Knap3_UP.gif" width="100" height="25">
                    <img src="Button/Knap4_UP.gif" width="100" height="25"></td>
                </tr>
                <tr valign="top">
                    <td class="menu">&nbsp;</td>
                </tr>
                <tr>
                    <td>Content</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
Avatar billede roenving Novice
14. august 2005 - 17:08 #6
</td> aldrig på en linje for sig selv !-)
Avatar billede schaefner Juniormester
14. august 2005 - 17:08 #7
Eller:

<table width="700" border="0" align="center" cellpadding="5" cellspacing="0">
    <tr>
        <td valign="top">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td><img src="Image/Toplogo.jpg" width="700" height="100"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
            <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                <tr>
                    <td><img src="Button/FORSIDE_DOWN.gif" width="100" height="25"><img src="Button/Knap1_UP.gif" width="100" height="25" style="margin-left: 5px"><img src="Button/Knap2_UP.gif" width="100" height="25" style="margin-left: 5px"><img src="Button/Knap3_UP.gif" width="100" height="25" style="margin-left: 5px"><img src="Button/Knap4_UP.gif" width="100" height="25" style="margin-left: 5px"></td>
                </tr>
                <tr valign="top">
                    <td class="menu">&nbsp;</td>
                </tr>
                <tr>
                    <td>Content</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
Avatar billede schaefner Juniormester
14. august 2005 - 17:09 #8
Hvis der altså skal være luft mellem billederne.
Avatar billede schaefner Juniormester
14. august 2005 - 17:09 #9
billederne = knapperne
Avatar billede Slettet bruger
14. august 2005 - 17:10 #10
Underligt... Det har jeg aldrig været ude før. Eller også har jeg bare lavet det rigtigt før. Nu er alle billeder lagt op på samme linie og ganske rigtigt så virker det.

Smid et svar
Avatar billede elskermad.dk Nybegynder
14. august 2005 - 17:12 #11
undskyld jeg spørger med i spørgsmålet, men roenving: hvorfor aldrig </td> på en linie for sig selv?
Avatar billede roenving Novice
14. august 2005 - 17:14 #12
Fordi IE så (fejlagtigt !-) renderer det linjeskift, som er før lukke-tagget !o]
Avatar billede roenving Novice
14. august 2005 - 17:28 #13
Prøv f.eks. dette simple eksempel:

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <img src="http://www.eksperten.dk/img/elogo.png"></td>
  </tr>
  <tr>
    <td>
      <img src="http://www.eksperten.dk/img/elogo.png">
    </td>
  </tr>
  <tr>
    <td>
      <img src="http://www.eksperten.dk/img/elogo.png"></td>
  </tr>
</table>
Avatar billede Slettet bruger
14. august 2005 - 17:38 #14
Ja nu vi så er ved det... Kan du svare mig på hvordan jeg får rykket de 4 andre billeder (faneblade) lidt op i forhold til det første faneblad der skal være helt nede? :-)
Avatar billede roenving Novice
14. august 2005 - 17:40 #15
Når nu du er igang med styles (hvis du har brugt Jespers sidste !-), kan du jo også sætte en margin-top ...

-- men hvis de har samme højde, vil cellen jo så blive en anelse højere !o]
Avatar billede Slettet bruger
14. august 2005 - 17:47 #16
Men vil det ikke kræve at de har en celle hver?
Avatar billede roenving Novice
14. august 2005 - 17:54 #17
Det har du zq nok ret i !-)
Avatar billede Slettet bruger
14. august 2005 - 17:56 #18
Nope... brugte en padding i stedet. Det ser kanongodt ud nu. Tak skal du have.
Avatar billede roenving Novice
14. august 2005 - 18:04 #19
Hvad brugte du så, og hvem skal have point ?-)
Avatar billede Slettet bruger
16. marts 2011 - 12:19 #20
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