Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon greg68 vom 22.03.2019, 10:54 Options

abgerundete Boxen mit css

Hallo,

ich will auf einer Seite mit css statt der eckigen, Boxen mit abgerundeten Kanten haben. Wie erreiche ich das? Gibt es dafür eine Border-Eigenschaft?

Gruss

Antwort schreiben

Antwort 1 von derpfleger vom 22.03.2019, 11:08 Options

Es gibt die Eigenschaft

-moz-border-radius

, die leider im IE6 noch nicht funktioniert (weiss jemand ob es mit dem IE7 geht?).
Nachzulesen hier: bei CSS4You.

Wenns denn jetzt schon überall funktionieren soll, gibt es auf Selfhtml eine Bastelanleitung dazu: hier nachzulesen.

Gruß derpfleger

Antwort 2 von greg68 vom 22.03.2019, 12:05 Options

Vielen Dank!

Den 2. Link kannte ich schon. Hab gedacht es gäbe einfach eine Border-Eigenschaft (für jeden Browser).

Antwort 3 von rfb vom 22.03.2019, 12:28 Options

ist - soweit ich weiß - für CSS3 vorgesehen, bei der Entwicklungsgeschwindigkeit des IE wird der es 5-10 Jahre nach der Veröffentlichung von CSS3 auch können.

Antwort 4 von CSSler vom 22.03.2019, 13:46 Options

Hallo greg68,

schau dazu mal auf der Seite von Stu Nicholls,

hier sieht man eine Möglichkeit wie man reine CSS-Boxen ohne Images darstellen kann. Die sogenannten "Snazzy Borders".
Das sollte in jedem Browser funktionieren.

http://www.cssplay.co.uk/boxes/snazzy.html

Gruß

CSSler

Antwort 5 von derpfleger vom 23.03.2019, 00:45 Options

@CSSler: interessanter link, die Methode kannte ich noch nicht, danke.

Gruß Heiko

Antwort 6 von rfb vom 23.03.2019, 08:42 Options

nette Idee, in der Tat, aber derartig viel inhaltslose Elemente im HTML stören mich dich sehr.
Außerdem brauch ich nur eine Zoomstufe nach oben zu wechseln und schon erinnern mich die "runden Ecken" an die Pixelgrafiken auf meinem ersten Computer in den 80ern.

Antwort 7 von derpfleger vom 23.03.2019, 11:00 Options

@rfb: womit wohl bewiesen wäre, daß du mit Opera surfst :-)

Im Firefox ist mir dieser Effekt nicht aufgefallen, liegt wohl an der speziellen Zoom-Methode des Opera, der auch grafische Elemente/Bilder mitzoomt.

Dann gibts wohl die eierlegende Wollmilchsau erst mit CSS3...

Gruß Heiko

Antwort 8 von rfb vom 23.03.2019, 11:41 Options

@Heiko:
juist!

Aber IE7 soll angeblich ähnlich zoomen (hab gerade keinen zur Hand um das zu testen)

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..