Runde Ecken

[speedone]

Hallo zusammen ich kenne mich mit CSS nicht 100% aus und soll in einem Blog das design ändern.

Nun meine Frage ich möchte in der Navigation die Tabelle mit runden Kanten weiß aber nicht wie ich diese ansprechen soll. Also welche ID oder Class Atribut dafür verantwortlich ist.

Hier mal die Seite - Fitness Blog

der Kasten Willkommen bei Fitpage.de auf der rechten Seite soll runde Ecken bekommen. Wie ich diese bestimme weiß ich aber halt wo ist die Frage

Würde mich echt sehr über Hilfe freuen

 

[Carragos]

Rahmen mit abgerundeten Ecken: Tipps und Tricks auf CSS 4 You - The Finest in Stylesheets

Z.b.

ul {
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
}

Denke so gehts.

Bin mir aber nicht 100% sicher, da es ja border-radius ist...

 

[speedone]

Danke

Das meinte ich nicht ... ich weiß nicht welches Attribut ich ansprechen soll

das was du als UL angegeben hast

 

[vitus37]

			<ul class="sf-menu menu clearfix">
			<li><a href="http://www.fitpage.de/blog"></a></li>
			<li class="page_item page-item-2"><a href="http://www.fitpage.de/blog/?page_id=2" title="Eine Seite">Eine Seite</a></li>
<li class="page_item page-item-13"><a href="http://www.fitpage.de/blog/?page_id=13" title="Test S2">Test S2</a></li>
		</ul>

Zeile 97 bis 101.

also Klasse sf-menu oder menu.

Der Vorschlag von Carragos funktioniert im IE übrrigens nicht.

 

[speedone]

Nur dafür das ich es beim nächsten mal verstehen. Ich versuche die Klassen immer mit Firefox zu finden.

Wenn ich also im Quelltext auf eine Klasse Klicke wird mir der Bereich in der Seite Farbig angezeigt. Bei diesen Beispiel war das immer die Klasse ( widgetcontainer clearfix) im Quelltext .

Kannst du mir das einmal Erleutern so das ich beim nächsten mal nicht wieder Posten muss?

Würde mich wirklich weiter bringen denn genau hier habe ich immer einen Denkfehler

 

[speedone]

Das hat leider auch nicht geklappt.

Habe folgendes in der default.css geschrieben

.sf-menu {
-moz-border-radius: 30px;
-khtml-border-radius: 30px;
}

 

[Carragos]

Also mit HTML gehts so ( Nur mit Bildern )
F+A: Tabellen mit abgerundeten Ecken

Html+css

Is aber mehr ne Box als ne Tabelle:

http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken

 

[Körnerbrötchen]

CSS mit Tabellen für alle gängigen Browser:

div {
-moz-border-radius:30px; /* Mozilla */
    -webkit-border-radius:30px; /* Webkit-Browser */
    -khtml-border-radius:30px; /* KHTML-Browser */
    border-radius:30px; /* CSS3 */
}

Es hat anscheinend schon geklappt, hm? Zumindest ist's bei mir mit runden Ecken. By the way: Die meisten IE-Versionen unterstützen keine runden Ecken.

 

[vitus37]

Um die Klasse zu finden habe ich in Firefox mit Strg + U den Quelltext geöffnet und dann mit Strg + F die Suchfunktion. Dort habe ich eingegeben "eine seite" (der name eines links in der navigation) und der Code um das Suchergebnis herum ist dann die Navigation...