[HTML] IMG-lijntje vervangen door tabel

[Verwijderd]

Hey allemaal,

Na het oplossen van een CSS-probleem en een PHP-probleem kunnen jullie vast ook dit probleem oplossen. Alhoewel, een probleem is het niet - het is meer een vraag naar hoe ik iets moet doen.

Op een website wil ik graag een lijn gebruiken om twee vakken van elkaar te scheiden; een groot wit en een kleiner roze.

Een printscreen:


Het roodomkaderde lijntje is nu 'line.gif' en heeft dus één bepaalde lengte (700px). Stel dat de pagina groter is, dan houdt de lijn alsnog op.

Nu wil ik deze line.gif graag vervangen door een tabel die met de pagina méé vergroot, alleen weet ik niet hoe ik dit precies kan oplossen, te meer omdat ik alleen de standaard MS Frontpage codes ken

Heeft iemand suggesties?

Alvast bedankt!
De Soldaat.

[André]

Maak gewoon een rood plaatje van bijvoorbeeld 10 bij 10 pixels en rek die gewoon naar de goede formaten. Dus voor dat lijntje:

code:

[img]"lijn.gif"[/img]

[Verwijderd]

100% in een img werkt niet...

[Verwijderd]

Als je enkel een rood lijntje wil kun je met CSS je middenvlak een rode rechterborder en wat padding geven, heb je die image helemaal niet nodig. Je krijgt dan iets van:

Cascading Stylesheet:

.rooieborderrechts {
  border-right:1px solid red;
  padding-right:4px;
}

[samo]

Misschien in een div, als background-image meegeven, en letten op de repeat... K weet uit mn hoofd effe de preciese waarden niet....

[Mysteryman]

Cascading Stylesheet:

.lijntje {
  position: absolute;
  left: 100px;
  width: 100px; 
  height: 100%;
  background: url('lijntje.jpg') repeat-y 0px 0px;
}

en dan definieren als:

HTML:

<div class="lijntje"></div>

[ Voor 45% gewijzigd door Mysteryman op 22-12-2004 16:50 . Reden: repeat-x hoort repeat-y te zijn :P ]

[Verwijderd]

Bedankt voor de tips, maar hoe voeg vervang ik die tabel die er nu staat door de CSS-oplossing?

code:

<td width="10"><p align="center">
[img]"img/line.gif"[/img]</td>

vervangen door

code:

<div class="lijntje"></div>

plus die code in het CSS zetten werkt niet...
ook

code:

<td width="10"><div class="lijntje"></div></td>

wil (nog) niet werken.

[ Voor 67% gewijzigd door Verwijderd op 22-12-2004 18:13 ]

[Lentje]

Waarschijnlijk zie je het lijntje niet omdat er niks in je kolom staat. Probeer eens zoiets:

code:

<td width="10" class="lijntje">&nbsp;</td>

[RM-rf]

Waarschijnlijk staat het sukje body-content sowieso in een element, een DIV, zorg er gewoon voor dat die div een border-left: 1px solid red; style krijgt, gebruik padding, eventueel margin om dan de witruimte te regelen

een separaat element toevoegen enkel vanwege een visueel effect is niet juist.

[Rexomnium]

Hoe ziet je tabel waarin de berichten staat eruit? Daarvan kun je toch de border-right: 1px solid red; zetten?

[Pelle]

Ik heb het een beetje gehad met die helpdesk topics van je.. ga zelf eens aan de slag ofzo

www.w3schools.com