✔ Einfachste Methode "Runde Ecken" CSS

[D-LuX]

Hallihallo

Ich bin mal wieder dabei meine Seite umzugestalten!
Nun möchte ich gerne runde Ecken bei meinen "div´s" haben.
Dazu habe ich mir sämtliche Tuts angeschaut, jedoch sind viele kompliziert und ich möchte es zum Einen verstehen und zum Anderen anwenden können und nicht nur abschreiben.
Habe hier auch schon geschaut, aber dort wurde ich nur auf Seiten verwiesen, die ich bereits durchforstet hatte.

Vielleicht gibt mir jemand von Euch einen Tipp, auf welcher Seite es einfach und leicht erklärt wird.
Übrigens bitte kein JavaScript

Habe auch schon 2-3 Varianten probiert, kam leider nicht zum gewünschten Ergebnis.
Code habe ich leider nicht hier, weil er auf nem Lappi liegt ohne Netz.

Danke

 

[Maik]

Hi,

hier mal vier interessante Links:

1. background-image Rahmen mit div? (mit Grafiken)
2. Runde und andere Ecken (mit Grafiken)
3. Snazzy Borders (ohne Grafiken)
4. More snazzy borders (ohne Grafiken)

 

[D-LuX]

Hallo Michael, Grüß Dich!

also http://www.html.it/articoli/nifty/index.html hab ich schon proobiert, irgendwie harkt es.
Versuche es jetzt nochmal und melde mich dann ggf.

Gruß D-LuX

 

[D-LuX]

ok, jetzt gehts ..

und weißt du auch wie man links unten jetzt z.B. die Ecke "Rechteckig" lässt und die restlichen Kanten rund?

 

[Maik]

Wenn du dich auf die "Nifty Corners" beziehst, dann schau dir mal die Übersicht der Parameter an -> http://www.html.it/articoli/niftycube/index.html

 

[D-LuX]

Da war ich heute auch schonmal drauf ..
Ohje, ich krieg das nie hin

also vom Style her wie das: http://www.html.it/articoli/niftycube/nifty6.html

Halt nur eine große Container Box!

Habe ein Design stehen mit einem Eckigen Container, wo dann alles drin steht.
Jetzt muss der Cointainer halt an 3 Ecken rund und an einer eckig werden..

Überlege gerade das Teil nochmal neu aufzubauen.

 

[Samy-Deluxe]

Warum machst du es dir so kompelziert, erstell doch Bilder und richte sie in einer Tabelle auf die ecken.

Übrigens ist die http://www.html.it/articoli/niftycube/nifty6.html auch mit javascript gemacht, du wolltest ja keinen, ich vermute ohne Funtkioniert es noch nicht mal.

zitat: "Nifty Corners are a solution based on CSS and Javascript to get rounded corners without images."

 

[D-LuX]

hm ..wollte eigentlich so wenig wie möglich grafiken nutzen ...
aber wenn es nicht anders geht, werd ich es wohl müssen.

Klar ist es einfacher ..obwohl, das hab ich auch noch nie gemacht

Dann meld ich mich morgen wieder ...

Gruß D-LuXe

 

[D-LuX]

Ich hab jetzt übrigens Grafiken genommen.
Einfach oben und unten 2 Klassen definiert und diese mit meinen Grafiken gefüllt.
Klappt ja doch sehr einfach.
Von daher hat sich dieses Thema erledigt.
Danke allen Beteiligten!