Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] cell hoogte van een tabel vastleggen

joostjep
11 antwoorden
  • Ik ben een site aan het ontwerpen die nog op mijn pc staat.
    Deze site bestaat uit een tabel die uit drie kolommen bestaat.
    Kolom 1 bestaat uit 10 rijen.
    kolom 2 bestaat uit 1 rij.
    kolom 3 bestaat uit 1 rij.

    De rijen in kolom 1 wil ik gebruiken als menu.

    Nu heb ik helaas het probleem dat de cellen in kolom 1 zich automatisch gaan aanpassen qua hoogte op het moment dat ik in de andere kolommen bv grotere plaatjes of meer tekst plaats. De cellen verdelen zich dan over de hoogte van de grootste kolom.

    Is er een CSS code die van de eerste 9 cellen de hoogte vast legt? Cel 10 zou dan bv als variabele moeten werken en zich in hoogte aan de rest van de pagina moeten aanpassen.
  • Hmmm…
    Wat je moet doen is de zooi met geneste tables opzetten of helemaal in css opmaken.
    Ik werk het liefst met genestte tabellen [ben dan ook een ouwe rot he], dus je maakt een tabel met 3 colommen, nix meer nix minder. De td's daarin geef je een vertical alignment mee [in dit geval top].
    In die cellen geef je per kolom dus het benodigde aantal rows/colums aan in een eigen tabel die zich daarin begeeft, en ook deze geef je de juiste waarde mee.
  • Een tabel in de cel heb ik al geprobeerd. Maar dan gaat de breedte van de cel weer varieren. En dan heb ik een nieuw probleem.
    Het meest simpele is wanneer ik die maten gewoon kan aangeven.
    Volgens mij moet het allemaal middels CSS op te lossen zijn. Alleen de juiste code is het probleem.
  • Je moet de breedte van de buitenste cell dan wel vastleggen he…
  • [warning:ot]Een eenvoudige oplossing: stop met het werken met tabellen en begin html als structuur taal te gebruiken. Gebruik css als layout/opmaak-taal en je bent klaar. 1 divje voor het menu, eentje voor de content en eentje voor de rechterkant, eigenlijk heel simpel.[/warning:ot]

    table td table tr{height:15px;}

    Voor je css is dat, dit selecteert de buitenste tabel dan een tabel die binnen een td zit van de buitenste tabel en vervolgens een tr binnen die tabel die binnen de buitenste zit en geeft deze een hoogte van 15px.

    -termin8or
  • [quote:b86c1fff3d]Gebruik css als layout/opmaak-taal en je bent klaar. 1 divje voor het menu, eentje voor de content en eentje voor de rechterkant, eigenlijk heel simpel.[/warning:ot]
    [/quote:b86c1fff3d]
    Probleem is dat ik pas sinds kort met css werk. Ooit zal ik de site wel helemaal zonder tabellen en frames kunnen maken. Maar daar is nu het moment nog niet voor. Het ontbreekt mij gewoon aan kennis.

    De Css code waarmee ik de cel aan geef is:
    TD.links {
    height: 25px;
    background-color: #FFd80F;
    border-left: 1px solid #000000;
    border-right-width: 1;
    border-top-width: 1;
    border-bottom-width: 1;
    border-right-color:#00000;
    border-top-color:#000000;
    border-bottom-color:#000000;

    font-family: Arial,verdana, sans-serif;
    font-size: 10pt;
    color: black;
    font-weight : normal;
    vertical-align: top;
    padding-left: 10;
    padding-right: 10;
    padding-top: 10;
    }
    De height werkt niet in dit geval terwijl dit nu net het belangrijkste onderdeel is.
  • vanavond kan ik je denk ik wel verder helpen nu even een paar kleine dingen:

    - border:1px solid #000; werkt ook
    - schrijf eenheden achter maten die ongelijk zijn aan 0
    - pt is een onhandige schermmaat gebruik liever px aangezien ie5 op de mac nogal is wat verkeerd wil weergeven.
    - grootte en lettertype kun je beter in de body declareren
    - padding kun je ook samenvoegen: padding: 10px 10px 0 10px;
    dat gaat zo: padding: top right bottom left;
    - vanavond kijk ik wel even of misschien iemand anders

    -termin8or
  • [code:1:95590c45e7]border-left: 1px solid #000000;[/code:1:95590c45e7] ik kom geen steek verder, css is moeilijker dan ik dacht vooral als men er helemaal niks van begrijpt. Waarvoor staat solid #000000????
    Ik wil nu de lijnen om de tabel weg hebben en alleen de lijnen van de cellen aan de onder en bovenkant weergeven. Deze tabel staat in een cel van een andere tabel. Ik heb voor die tabel de volgende code gebruikt:
    [code:1:95590c45e7]table.menu {
    border: 1px solid #000000;
    border-bottom-width: 10px;
    border-bottom-color:#000000;
    border-top-width: 10px;
    border-top-color:#000000;
    border-right-color:#000000;
    FONT-color:#FFD80F;
    text-align:center;
    background-color: #6D7883;
    } [/code:1:95590c45e7]
    Wie kan mij helpen??? Ik zie nu nl alleen maar de randen om de hele tabel maar met de afzonderlijke cellen gebeurd helemaal niks.
  • Dat komt, omdat je ze aan een tabel koppelt en niet aan een cel. Css doet precies wat je zegt (in tegenstelling tot html als layout taal gebruiken….).

    border-left: 1px solid #000000;

    ik schreef

    border-left: 1px solid #000;

    Dat is een manier om een kleur af te korten. Het betekent aan de linkerkant krijg je een rand van 1px dik met de stijl solid en de kleur zwart.

    Dat is een korte notatie van dit:

    border-left-width:1px;
    border-left-style:solid;
    border-left-color:#000;

    Snap je het wat beter?

    -termin8or
  • [quote:b1f2b57509] pt is een onhandige schermmaat gebruik liever px aangezien ie5 op de mac nogal is wat verkeerd wil weergeven.
    [/quote:b1f2b57509]
    Wat is het verschil tussen pt en px?? Na je opmerking heb ik alle maten omgezet naar px. Het resultaat is dat de font-size nu niet meer reageert. Vul ik hier echter pt in dan reageert de font-size code wel.
  • Een kleine uitleg (twee keer hetzelfde schrijven lijkt me onnodig).

    Dat tweede klopt niet, je hebt waarschijnlijk een fout gemaakt. Post het anders even.

    -termin8or

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.