Avatar billede md_craig Nybegynder
17. oktober 2002 - 12:13 Der er 8 kommentarer og
1 løsning

Display Block problemer

når jeg har en tabel med et link, så bruger jeg display BLock til at markere dette link...

og så har jeg 100% i både højden og breden...

men nu hopper teksten op i toppen af cellen, og det vil jeg ikke have, den skal bare være i midten...

hvad kan jeg gøre ???
17. oktober 2002 - 12:21 #1
øhh, kan du uploade det?

et gæt ville være du skulel justere valign="

/Casper
Avatar billede md_craig Nybegynder
17. oktober 2002 - 13:35 #2
Aling virker ikke i det tilfælde... da den kun vil aligne selve text blocken centreret, men når jeg så siger at tekstbloken er 100% til alle sider i hele cellen, så nøtter det ikke...

og jeg kan desvære ikke oploade det...
Avatar billede md_craig Nybegynder
17. oktober 2002 - 13:36 #3
aling = Valing i overstående...
17. oktober 2002 - 13:45 #4
md_craig send det til mig casper@ildstorm.dk
så smækker jeg det op.

kunne det være text-align: center, du tænker på hvis det skal centres vandret?

/Casper
Avatar billede md_craig Nybegynder
17. oktober 2002 - 14:16 #5
Vandret er den ordnet, men den vil ikke lodret... ved sQ ikke hvorfor...

her er de koder der er nødvendige at kigge på... jeg har fjernet valing igen, da det ikke havde nogen effekt...
____________________________________________________________________________

<Style type="text/CSS">

a { Display: Block;
    Width: 100%;
    height: 100%;
    Text-decoration: None;
    Color: Black;
    Font-Size: 10pt;
    Font-Family: Tahoma;
    Font-Weight: Bold;
}

a:hover { Display: Block;
    Width: 100%;
    height: 100%;
    Text-decoration: None;
    Color: Black;
    Font-Size: 10pt;
    Font-Family: Tahoma;
    Font-Weight: Bold;
}

</Style>
____________________________________________________________________________

    <table border="0" cellpadding="0" cellspacing="0" width="975" style="border-collapse: collapse" bordercolor="#111111">
      <tr>
        <td width="150" Height="35" id="Atop" style="background-image:url('Build/TK.jpg');" align="center"><a href="Personalemappe.jpg"
        onmouseover="document.getElementById('Atop').style.backgroundImage ='url(Build/TKHNM.jpg)';"
        onmouseout="document.getElementById('Atop').style.backgroundImage ='url(Build/TK.jpg)';"
        >Fordord og Indholdsfortegnelse</a></td>
       
        <td width="150" Height="35" id="Btop" style="background-image:url('Build/TK.jpg');" align="center"><a href="Personalemappe.jpg"
        onmouseover="document.getElementById('Btop').style.backgroundImage ='url(Build/TKHNM.jpg)';"
        onmouseout="document.getElementById('Btop').style.backgroundImage ='url(Build/TK.jpg)';"
        >Personalepolitik<br>med bilag</td>
       
        <td width="150" Height="35" id="Ctop" style="background-image:url('Build/TK.jpg');" align="center"><a href="Personalemappe.jpg"
        onmouseover="document.getElementById('Ctop').style.backgroundImage ='url(Build/TKHNM.jpg)';"
        onmouseout="document.getElementById('Ctop').style.backgroundImage ='url(Build/TK.jpg)';"
        >MED-Aftalen<br>med bilag</td>
       
        <td width="150" Height="35" id="Dtop" style="background-image:url('Build/TK.jpg');" align="center"><a href="Personalemappe.jpg"
        onmouseover="document.getElementById('Dtop').style.backgroundImage ='url(Build/TKHNM.jpg)';"
        onmouseout="document.getElementById('Dtop').style.backgroundImage ='url(Build/TK.jpg)';"
        >Generelle<br>retningslinier</td>
       
        <td width="150" Height="35" id="Etop" style="background-image:url('Build/Top001.gif');" align="center"><!--<a href="Personalemappe.jpg"
        onmouseover="document.getElementById('Etop').style.backgroundImage ='url(Build/TKHNM.jpg)';"
        onmouseout="document.getElementById('Etop').style.backgroundImage ='url(Build/TK.jpg)';"
        >--><!--Her er link teksten--></td>
       
        <td width="150" Height="35" id="Ftop" style="background-image:url('Build/Top001.gif');" align="center"><!--<a href="Personalemappe.jpg"
        onmouseover="document.getElementById('Ftop').style.backgroundImage ='url(Build/TKHNM.jpg)';"
        onmouseout="document.getElementById('Ftop').style.backgroundImage ='url(Build/TK.jpg)';"
        >--><!--Her er link teksten--></td>
       
        <td width="75" Height="25" background="Build/Top004.gif">&nbsp;</td>
      </tr>
    </table>
17. oktober 2002 - 18:36 #6
prøv med valign="middle" i <in <td>

http://www.w3.org/TR/html4/struct/tables.html#adef-valign

/Casper
Avatar billede md_craig Nybegynder
21. oktober 2002 - 14:54 #7
Skulle det være nødvendigt at sige at Valign="middle" ikke virker, når det er sagt at Valign ingen effekt har ??? åbenbart...
Avatar billede yousif Nybegynder
13. november 2002 - 19:29 #8
vertical-align : middle; <-- prøv det.. det virker i de nyeste browsere..
Avatar billede md_craig Nybegynder
02. december 2002 - 14:08 #9
nop... virker stadig kun på den box der omgiver linket...

men jeg gider ikke rode mere med det nu.... det er ikke det vild store det skal bruges til, så de må leve med det må de...
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