Willkommen auf dem Portal für Mediengestalter

HarZer89 · Threadersteller

Hallo Leute,
ich bin neu hier im Forum und hoffe, dass ihr mir helfen könnt. Ich bin gerade dabei eine Website mit HTML und CSS zu programmieren. Leider scheitere ich an den Links. Und zwar benötige ich nicht diese "normalen" Rechtecke welche man mit css als links erstellen kann sondern Links mit Rundungen an beiden Enden. Ist so eine freie Form in CSS programmierbar?

PS: Ich weiß dass ich für diese Rundungen am Anfang und Ende der Links auch eine rechteckige Box nehmen könnte und Bilder mit Rundungen laden könnte...leider überlagern sich die Links am Anfang und Ende. Deswegen sind keine Rechtecke geeignet.

Ich bitte um eure Hilfe.

LG HarZer89

remote · **Verfasst** Mi 25.02.2009 04:31 **Titel**

image maps...
in einfach oder kompliziert

DesignKater · **Verfasst** Mi 25.02.2009 10:12 **Titel**

Sollen deine Links als Navigation dienen? Momentan steig ich da noch nicht so ganz hinter was genau der Zweck dahinter sein soll. Haste mal nen anschauliches Beispiel wie das ganze am Ende aussehen soll? Am besten dein Entwurf und kein fremdes Beispiel.

HarZer89 · Threadersteller

Ja genau, dient lediglich zur Navigation..hab mal ein bild verlinkt von der oberfläche...
das menü oben soll mit css gestaltet werden.

www.bildupload.com/index.php?image=186af568bdeb7d7d7fe9b0d2676ad73d

HarZer89 · Threadersteller

Das mit dem imagemapping ist schon ganz gut. kann man da auch mit area:hover arbeiten oder so? weil für die navigation benötige ich einen hover effekt.

Kash · **Verfasst** Mi 25.02.2009 12:07 **Titel**

eine imagemap ist hier wohl zuviel des guten.
du könntest deinen Links Hintergrundgrafiken vergeben.

so wie ich das sehe wären es 3 versch Linkklassen die du anzulegen benötigst.

//neuere Browser können auch folgendes

http://www.css3.info/preview/rounded-border/

remote · **Verfasst** Mi 25.02.2009 12:21 **Titel**

Kash · **Verfasst** Mi 25.02.2009 12:26 **Titel**

das ist wohl richtig.
ich wollte ihm eigentl auch nur ein neuen Weg aufzeigen.
Und auf der Seite wird auch beschrieben in welchem Browsern es angezeigt wird und in welchen nicht.

Und zwecks den rundungen und backgroundimages > Geht es hier nicht nur um den optischen Effekt?

Auch die überlappenden Elemente in der Navi oben sind mit meiner beschriebenen Lösung zu realisieren.

Aber wenn ihr es mit imagemaps machen wollt, bitte.

Willkommen auf dem Portal für Mediengestalter

Thema: Linkbox mit frei-definierter Form mit CSS möglich? vom 25.02.2009

Linkbox mit frei-definierter Form mit CSS möglich?