|
|||
Kreis um einen Menulink
Guten Morgen,
ich habe ein Problem mit CSS und dem Zeichnen eines Kreises um einen Menülink. Habe schon Etliches versucht, probiert, aber irgendwie will das nicht und das Resultat ist immer oval.... Es geht um www.bildung-individuell.de, die Bereiche habe ich zur besseren Übersicht eingefärbt. Das hier ist der Bereich für das Menü Code:
.menu { font-size: 15px; background-color: yellow; /* kommentar */ position: absolute; margin-top: 35px; margin-left: 35px; margin-bottom: 10px; width: 600px; height: 70px; } Das hier ist der Code für den Kreis... Code:
.menu a:link { margin-top: 10px; margin-left: 20px; line-height: 70px; color: grey; text-decoration: none; background-color: red; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 300px; vertical-align: middle; } .menu a:hover { text-decoration: none; background-color: blue; -moz-border-radius: 300px; -webkit-border-radius: 300px; border-radius: 150px; vertical-align: middle; } Für Lösungsansätze bin ich sehr dankbar! Beste Grüße Kalenderfamily |
Sponsored Links |
|
|||
Hallo MrMurphy, vielen Dank für den Tipp!!
Habe meinen Fehler auch gefunden: ich muss für a.visited natürlich auch einen Kreis festlegen... Jetzt ist es aber so, dass der Kreis sich leider der Schrift anpasst und oval ist... Der Kreis Bildung wird korrekt dargestellt, die übrigen sind verzogen..aber auch nur in Opera, im IE 10 sind alle verzogen... Code:
margin-left: 150px; padding-top: 35px; padding-right: 35px; padding-bottom: 35px; padding-left: 35px; text-decoration: none; background-color: white; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; Geändert von kalenderfamily (21.03.2015 um 14:46 Uhr) |
|
|||
Hallo kalenderfamily
Nur falls du es selber nicht hinbekommst! Siehe Beispiel: Edit fiddle - JSFiddle __________________ MfG Roland Geändert von K.Roland (21.03.2015 um 16:34 Uhr) |
|
|||
Guten Abend Roland,
vielen, vielen Dank, ich wäre darauf niemals gekommen! Damit ich es verstehe: Du hast einfach ein ul und li Element gemacht und das einfach ausgerichtet, richtig? Außerdem hat dieses Element bestimmte Attribute bekommen. Deswegen kann ich auch den übrigen Quellcode mit .menu a unverändert lassen, da dieser sich nur auf Textlinks bezieht, richtig? Falls ich mich komisch ausdrücke, bitte ich um Nachsicht, ich arbeite nur hobbymäßig mit CSS und php. Nun habe ich das Problem, dass das CMS nur eine Farbe für die Kreise zulässt und mit meiner Erfahrung sehe ich keine Möglichkeit eines overrides. Kann ich denn jetzt die Links (Kreise) mit einer anderen Farbe überlegen?? viele Grüße Kalenderfamily |
|
|||
Zitat:
__________ MfG Roland |
|
|||
Guten Abend Roland,
ich weiß gar nicht, wie ich mich bedanken soll, ich wäre niemals darauf gekommen! Vielen, vielen herzlichen Dank für Deine Hilfe!! Dir ein schönes Wochenende, viele Grüße Kalenderfamily |
|
|||
Zitat:
Ich dir auch. __________________ MfG Roland |
Sponsored Links |
Stichwörter |
css, kreis, link |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Kreis mit Text inhalt | hakura | CSS | 3 | 13.08.2013 23:24 |
ext rechts und links an CSS Kreis floaten? | choumana | CSS | 10 | 20.11.2012 15:12 |
Verschachtelter Bildaufbau | Rico88 | (X)HTML | 5 | 08.03.2011 19:50 |
Adobe Illustrator CS Kreis ziehen | Electrohunter | Grafik, Design, Typografie | 1 | 08.07.2009 12:16 |
Kreis bei Aufzählung eine andere Farbe geben | Luca | CSS | 5 | 21.05.2006 20:09 |