[(x)html] Hoe object beneden in een table plaatsen

[DarkShadow]

kheb een vraagje, ik wil dit:

code:

<p>
<a href="http://validator.w3.org/check/referer">
[img]"http://www.w3.org/Icons/valid-xhtml10"
alt="Valid[/img]</a>
</p>

onderin een table plaatsen, zonder een heleboel breaks te gebruiken, het moet altijd onderaan de table staan zegmaar...
Nu zit het plaatje vlak onder mn menu.

[Willem]

margin?

Basic.... zoek eens naar CSS reference.

[OkkE]

Het kan via DIVs en CSS, of je kunt waarschijnlijk wel gewoon een nieuwe table-cell maken met valign="bottom", lijkt me. Of ook dit oplossen met CSS: vertical-align: bottom;

[crisp]

vertical-align:bottom of position:absolute; bottom: 0px;
allemaal dingen die je uit zou kunnen proberen, ik kan niet ruiken hoe de rest van je pagina eruit ziet, dus een specifiek antwoord wordt erg lastig...

[DarkShadow]

met vertical-align in css werkt het niet, en met position:absolute etc wordt het plaatje buiten de table geplaatst, en idd echt op de bottom geplaatst...
valign = bottom had ik al geprobeerd, maar dat werkt volgens mij alleen met tekst.

Als ik het met margin-top doe en dan een afstand van 200 pixels, dan gaat hij wel een eind naar beneden, maar met margin-bottom: 0px blijft hij lekker, staan, terwijl de table echt wel groter is...

[ Voor 30% gewijzigd door DarkShadow op 11-11-2003 17:10 ]

[BtM909]

DarkShadow schreef op 11 november 2003 @ 17:00:
met vertical-align in css werkt het niet, en met position:absolute etc wordt het plaatje buiten de table geplaatst, en idd echt op de bottom geplaatst...
valign = bottom had ik al geprobeerd, maar dat werkt volgens mij alleen met tekst

Dan moet je toch minimaal een stuk van de code van je tabel geven

[disjfa]

kan je niet gewoon die img een style bottom en een position absolute meegeefen

[DarkShadow]

code:

        <!-- Linker Zij menu -->
    
        <table class="links" border="1">
        <tr>
        <td valign="top">
        <br /><a href="news.html" style="cursor: crosshair" class="zij">News</a>
        <br /><a href="activities.html" style="cursor: crosshair" class="zij">Activities</a>
        <br /><a href="photos.html" style="cursor: crosshair" class="zij">Photo's</a>
        <br /><a href="aboutus.html" style="cursor: crosshair" class="zij">About Us</a>
        <br /><a href="downloads.html" style="cursor: crosshair" class="zij">Downloads</a>
            <tr class="valid" border = "1" cellspacing = "0" cellpadding = "0"><td>
                <a href="http://validator.w3.org/check/referer" class ="valid"><img
            src="http://www.w3.org/Icons/valid-xhtml10"
                alt="Valid XHTML 1.0!" height="31" width="88" /></a>
                </td></tr>
        </td>
        </tr>
        </table>

en in de css staat dit over de table:

code:

table.links     { background-color: #CC3300; height: 400px; width: 20%; }

[crisp]

de structuur van je tabel klopt niet helemaal...

[DarkShadow]

bij position: absolute, wordt het plaatje altijd buiten de table geplaatst, ook als ik het in img doe.

vet vervelend probleem

[DarkShadow]

crisp schreef op 11 november 2003 @ 17:35:
de structuur van je tabel klopt niet helemaal...

hoe bedoel je, hij ziet er verder goed uit...

[crisp]

DarkShadow schreef op 11 november 2003 @ 17:37:
[...]


hoe bedoel je, hij ziet er verder goed uit...

je zet een tr binnen een td

[ Voor 17% gewijzigd door crisp op 11-11-2003 17:42 ]

[DarkShadow]

crisp schreef op 11 november 2003 @ 17:41:
[...]

ik zie het al, je bent er zo een die dan eens wel en dan eens niet z'n td's afsluit...

en hoe dacht je dan dat hij strict is geworden?, ze zijn wel afgesloten hoor, misschien heb ik iets teveel gekopieerd, zal ff kijken

[DarkShadow]

crisp schreef op 11 november 2003 @ 17:41:
[...]

je zet een tr binnen een td

hehe snel veranderen he , eh mag dat niet dan? en hoe kan ik er anders een tabel onder krijgen?

[disjfa]

<td><table><tr> etc.....

[crisp]

DarkShadow schreef op 11 november 2003 @ 17:43:
[...]


en hoe dacht je dan dat hij strict is geworden?, ze zijn wel afgesloten hoor, misschien heb ik iets teveel gekopieerd, zal ff kijken

toch wel fout, een beetje indenting en strippen van content laat deze structuur over:

HTML:

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

en dit is wat jij wilt:

HTML:

<table>
  <tr>
    <td valign="top">
    </td>
  </tr>
  <tr>
    <td valign="bottom">
    </td>
  </tr>
</table>

[ Voor 16% gewijzigd door crisp op 11-11-2003 17:47 ]

[Clay]

HTML:

<table>
    <caption>woei</caption>
    <tr>
        <td>hoi </td>
    </tr>
</table>

met css:

Cascading Stylesheet:

table {
    caption-side:bottom;
}

maar, hiet in IE. want die kan geen css.

[DarkShadow]

allebei van de bovenste posts geprobeerd, caption side werkt ook niet, de td veranderen, werkt ook niet, valign ook niet, wat een klote ding zeg

[BtM909]

disjfa schreef op 11 november 2003 @ 17:12:
kan je niet gewoon die img een style bottom en een position absolute meegeefen

[Clay]

Caption side werkt prima, maar zoals gezegd niet in IE. De caption komt onder de table, maar wel bij de table, anders heeft het niet zoveel zin he. Als je iets onderin je pagina wil hebben heb je iets nodig met height:100%; misschien position:relative; en dan bottom:0px; Of dat een table of wat anders is maakt niet zo ontzettend veel uit.

[edit]

BtM909 schreef op 11 november 2003 @ 17:54:
[...]

verrek spuit 11

[ Voor 19% gewijzigd door Clay op 11-11-2003 17:55 ]

[DarkShadow]

code:

tr.valid            {height: 0%;}

hehe dit werkte voor mij