Runde Ecken im Hauptmenü
So, nächste Baustelle...
ich wollte mal das Styling mit abgerundeten Ecken testen.
Das erzeugt zwar beim "suchen" mit Firebug runde Außenecken, aber sonst passiert nix...PHP-Code:#header .menu {
float:left;
margin-left:25px;
border-radius:5px 5px 5px 5px; //Versuch runder Ecken im Menü
padding:5px 10px 0 10px }
Hat einer ne Idee ?
LG
Wenn du alle Ecken mit dem gleichen Radius haben willst, dann brauchst du nur einmal 5px zu schreiben. Hier mal ein Artikel von Mozilla dazu:
https://developer.mozilla.org/de/docs/CSS/border-radius
Kurz gesagt:
In den aktuellen Browsern sollte das eigentlich problemlos funktionieren, wenn du CSS3 nutzt. Ansonsten gibt es haufenweise Artikel und Tools, um runde Ecken in allen möglichen Browsern anzeigen zu lassen.
Das wurde früher nur vom Firefox unterstützt und man musste sich für andere Browser mit aneinandergehängten Bildchen weiterhelfen (wie auch hier im Forum).
Also linke Ecke, mittlerer Streifen mit variabler Länge und rechte Ecke. Ich würde da aus Kompatibilitätsgründen immer noch darauf verzichten.
Hier mal ein kurzer deutscher Artikel dazu mit Skript für den Internet Explorer:Zitat von Holger
CSS: Abgerundete Ecken in allen Browsern darstellen - Matthias Schütz
wo kann ich das denn sehen? Ich dachte immer das kommt von der anderen Seite, also neuer CSS-Standard wird eingeführt, die Browser unterstützen das, also funktioniert der Befehl.....In den aktuellen Browsern sollte das eigentlich problemlos funktionieren, wenn du CSS3 nutzt.
mehr sehe ich doch nicht...PHP-Code:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="https://gmpg.org/xfn/11">
LG
Da brauchst du nichts einzustellen. Entweder unterstützt ein Browser das, dann wird die CSS-Regel umgesetzt, oder er unterstützt es nicht, dann gibt er höchstens eine Warnung in den Debug-Werkzeugen aus.
Bei (x)HTML kann man dem Browser sagen, welche Version er nutzen soll, aber bei CSS kenne ich da keine Möglichkeit. Aber da Webbrowser sowieso alles parsen, was ihnen untergeschoben wird, ist das sowieso kein Problem.
Zitieren
