HTML> rechthoekige afgeronde balken

[Verwijderd]

Ik ben bezig met een site maar ik loop ergens op vast nl. : ik wil een balk maken en die balk moet in een ronding aflopen. Verder wil ik in die balk links kunnen plaatsen. Het liefst zou ik die balk dus in een tabel zien of vice versa. Om een balk te maken en die als achtergrond in een tabel te zetten werkt ook niet echt handig.....

zijn er nog andere mogelijkheden???

voor een voorbeeld van zoŽn balk: zie hierboven Index / Webdesign & graphics (gele balk) of http://www.apotheek.nl

[crisp]

Is toch niet zo moeilijk in een tabel?

code:

 +-+--------------------------------------+-+
 |(| Titel                    |)|
 +-+--------------------------------------+-+

Oftewel op de plaats van de ( en ) een plaatje van een half rondje zetten...

[Thijsmans]

gewoon plaatjes:

code:

 ________________________________________
/ |                     | \
\_|____________________________________|_/
c        cel 2             c
e        cel 2             e
l        cel 2             l
                             
1        cel 2             3

In cel 1 en 3 zet je ronde hoek-plaatjes, in cel 2 de inhoud. Sim-pel

[Verwijderd]

Op donderdag 28 februari 2002 15:33 schreef crisp het volgende:
Is toch niet zo moeilijk in een tabel?

code:

 +-+--------------------------------------+-+
 |(| Titel                    |)|
 +-+--------------------------------------+-+

Oftewel op de plaats van de ( en ) een plaatje van een half rondje zetten...

ik wist dat die mogelijkheid er was, maar is er nix makkelijkers?

[Thijsmans]

Misschien wel, hangt er vanaf wat je makkelijker vind. Maak een plaatje van een hele balk en zet in een div het menu en positioneer dat met CSS.

[Verwijderd]

Volgens mij bedoel je gewoon dat je een tabel van 100% width wilt hebben met in de bovenste (of enige) rij 3 cellen. De linker en rechter cel hebben een vaste breedte, table cellspacing en cellpadding staan op 0. Deze rij heeft ook een vaste hoogte. De linker en rechter cel hebben als achtergrond de uiteinden van de balk.

Vervolgens zet je in de middelste cel een achtergrondplaatje van 1 of enkele pixels breed. Deze wordt door de browser getiled voor zover nodig. In de middelste cel kan je dan gewoon vrolijk linkjes maken, eventueel door daar nested een tabel in te voegen.

Leef je uit

[Verwijderd]

http://www.vortex-webdesign.com/help/table_tricks.htm#rounded_corners

Voor een korte tutorial over 'ronde hoeken'

[Tim]

CSS heeft ook een optie om ronde hoeken aan je tabel te geven, helaas is die op dit moment nog Mozilla only