hoogte meerekken

Door Richard op 21-09-2006 22:31

2.472 views

Ik snap een html dingetje niet...

Ik heb hier onder een tabelcel... hierin staan een plaatje, dit plaatje is een puntje van 1px... moet dit puntje in de lengte groeien... wanneer de cel groter wordt (hoogte) dan moet de punt meerekken.

Hoe ga ik dit doen?

<th scope="row"><img src='images/menu_border_line.gif' width='1' dynsrc="images/menu_border_line.gif"></th>

PHP Newbie

21-09-2006 22:33

plaatje height van 100% geven

[edit]
Beter idee, zet het plaatje als achtergrond in de cel met css, en repeat alleen op y ;-)
[/edit]

Joren de Wit

21-09-2006 22:37

Dat plaatje instellen als achtergrond van de tabelcel en de parameter repeat-y meegeven. Op die manier wordt die punt van 1px in y-richting herhaald waardoor het een lijn wordt...

Jan Koehoorn

21-09-2006 22:57

Een plaatje van 1px kan per definitie maar één kleur hebben. Hem mee laten rekken met de breedte en de hoogte van de cel komt effectief op hetzelfde neer als de cel een achtergrondkleur geven:


    td.my_bg {
        background: #f00;
    }

PHP Newbie

21-09-2006 23:01

niet altijd jan,

wat nu als de rij 5 pixels breed is, en jij wil in het midden een lijn?

Dat gaat je niet lukken met een achtergrond kleur, dan moet je bovenstaande oplossing gebruiken, met een background-position

Richard

21-09-2006 23:14

Super hij werkt :) thx

PHP Newbie

21-09-2006 23:25

wat heb je nu gebruikt?

Richard

21-09-2006 23:40

Als volgt...

<?php
.menu_line {
background-image: url(images/menu_border_line.gif);
background-repeat: repeat-y;
}
?>

In de tabel het volgende
<th scope="row" class="menu_line">

en toen deed hij het :D

Jan Koehoorn

21-09-2006 23:45

Het kan ook met CSS shorthand:


    .menu_line {
        background: url(images/menu_border_line.gif) center top repeat-y;
    }

Richard

21-09-2006 23:48

hmmm, t gekke is dat hij het met Firefox niet weergeeft :S

Kalle P

21-09-2006 23:54

background: url(images/menu_border_line.gif) repeat-y top center;

Reageren

Inloggen om te reageren