Runde Ecken
| Verfasst am: 09. 05. 2010 [10:13] | |||
lwulfe Dabei seit: 02.10.2009  Themenersteller  807 Beiträge | Beitrag hilfreich? | ||
| Mir gefallen Seiten recht gut, bei denen die Ecken abgerundet sind. Ich würde das gerne mal testen, mir fehlt aber noch die Idee zur Durchführung. Ist es möglich, nur mit HTML und CSS einer Seite "runde Ecken" zu geben? | |||
| Verfasst am: 09. 05. 2010 [10:17] | |||
webart_workers Dabei seit: 06.11.2009  407 Beiträge | Beitrag hilfreich? | ||
| hi Lutz. das geht schon. wird aber nur vom FF richtig interpretiert. -moz-border-radius und/oder -webkit-border-radius alternativ dazu, und browserkompatibel, > grafiken einbinden. es gab hier schon mal nen Thread dazu, ich find ihn aber nicht grüsse, juergen edit: gefunden: http://www.seitenreport.de/forum/beitraege/xhtml_css/border_radius/seite/1.html?tx_mmforum_pi1[sword]=runde%20ecken%20css#pid6594 [Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 09.05.2010 um 10:22.] | |||
| Verfasst am: 09. 05. 2010 [10:31] | |||
lwulfe Dabei seit: 02.10.2009 Themenersteller 807 Beiträge | Beitrag hilfreich? | ||
| Hey Jürgen, interessanter Thread, den hatte ich tatsächlich noch nicht gefunden. Aber wie Jörg schon geschrieben hat: "Die Welt könnte so schön kreisrund sein wenn alle aktuellen Browser border-radius unterstützen würden!." Da bleibt dann nur die zweite Möglichkeit, nämlich Grafiken einzubinden. Nur, kann das nicht zu Problemen bei variabler Breite führen? Grüße Lutz | |||
| Verfasst am: 09. 05. 2010 [10:37] | |||
romacron Dabei seit: 01.11.2009   1143 Beiträge | Beitrag hilfreich? | ||
| Hallo Lutz, Stu Nichols hat da was tolles gebaut, http://www.cssplay.co.uk/boxes/krazy.html Es sind keine Grafiken nötig, den "Standart-Baustein" fügt man oberhalb und unterhalb des zum umschliessenden Contents ein. Habe mir die ganze Geschichte etwas angepasst. Meine Grafiker lieben mich für diese Methode nicht, da die immer ein wenig fransig ausschaut. Die Methode ist überall einsetzbar. Kritiker bezeichnen das als NudelCode. | |||
| Verfasst am: 09. 05. 2010 [19:48] | |||
joerg Dabei seit: 09.06.2009  1540 Beiträge | Beitrag hilfreich? | ||
| Hallo Lutz Das führt meiner Ansicht nach schon zu Problemen wenn man eine Seite zoomt wenn man eine Lösung über Graphiken anstrebt! Ausserdem versteht der Opera und Chrome in der aktuellsten Version schon runde Ecken per CSS ohne browserspezifische Angaben. Das bedeutet für mich spätestens in einem halben Jahr haben die anderen Browser bis auf die berühmte Ausnahme Internetexplorer wahrscheinlich nachgezogen! Und man kann bis zu diesem Zeitpunkt browserspezifische Angaben ja auch machen. Spätestens wenn der Firefox ohne browserspezifische Angaben auskommt werde ich die browserspezifischen Angaben bei nevada-fields.de im CSS rauswerfen. Gruß Jörg | |||
| Verfasst am: 09. 05. 2010 [21:05] | |||
UFOMelkor Dabei seit: 20.10.2009  348 Beiträge | Beitrag hilfreich? | ||
| Die einzigen Browser mit relevanten Marktanteilen, die man nicht mit einer border-radius Anweisung (-moz-border-radius, border-radius, -webkit-border-radius) in CSS erreicht, sind IE 6-8. Opera unterstützt es seit der neusten Version, Firefox, Safari und Chrome sowieso und ab der Version 9.0 tut es auch der Internet Explorer. Grund genug auf eine reine CSS-Lösung zu setzen  | |||
| Verfasst am: 09. 05. 2010 [21:44] | |||
lwulfe Dabei seit: 02.10.2009 Themenersteller 807 Beiträge | Beitrag hilfreich? | ||
| Ich danke euch für die gewohnt qualifizierten Antworten. Die Lösung, die Roman vorgeschlagen hat, ist schon irgendwie genial. Reines CSS und HTML welches jeder Browser, mir dem ich getestet habe, interpretiert (auch IE  .Es stimmt aber auch, dass der Rand etwas zerfranst aussieht. Ich werde es mit Jörg halten, und noch etwas abwarten und dann auf die webkit-Geschichte setzen. P.S.: immer dieser IE! Nie IE8 in runde Klammer setzen. Ergebnis siehe oben. [Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 09.05.2010 um 21:46.] | |||
| Verfasst am: 09. 05. 2010 [21:56] | |||
joerg Dabei seit: 09.06.2009 1540 Beiträge | Beitrag hilfreich? | ||
| Hallo Lutz Du hast mich anscheinend falsch verstanden! Ich verwende bereits border-radius und die browserspezifischen Angaben! Die browserspezifischen Angaben werde ich aber wieder entfernen sobald der Firefox border-radius versteht. 2-4 Wochen vielleicht noch drinlassen aber dann werfe ich es wieder aus dem CSS raus. Gruß Jörg | |||
| Verfasst am: 09. 05. 2010 [22:15] | |||
lwulfe Dabei seit: 02.10.2009 Themenersteller 807 Beiträge | Beitrag hilfreich? | ||
| Oh ja, das hatte ich wirklich falsch verstanden! Ich werde jedenfalls warten, bis die von Oskar erwähnten Befehle (-moz-border-radius, border-radius, -webkit-border-radius) auch vom IE verstanden werden | |||
| Verfasst am: 10. 05. 2010 [08:43] | |||
webart_workers Dabei seit: 06.11.2009 407 Beiträge | Beitrag hilfreich? | ||
romacron schrieb: ... Stu Nichols hat da was tolles gebaut, http://www.cssplay.co.uk/boxes/krazy.html Es sind keine Grafiken nötig, den "Standart-Baustein" fügt man oberhalb und unterhalb des zum umschliessenden Contents ein. .. Das sieht richtig gut aus, auch im IE 7, Opera10 und und Chrome. Also (fast) alles abgedeckt. Klasse ! Schade das die Nudeln explodieren | |||
Premium-Mitglied
Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.
Werde in Echtzeit über neue Foren-Beiträge informiert:
0 Mitglieder waren innerhalb der letzten 15 Minuten online (14 heute gesamt):
[keine]
Administratoren und Moderatoren:
[keine]
Seitenreport hat 18161 registrierte Mitglieder, 3005 Themen und 29117 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 13 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.
Lade...
Neueste Foren-Beiträge
| Geburtsdatum meiner Domain: Juni 2012. Wir haben Mai 2012. Internes & Ankündigungen / Analyse-Ergebnisse | Gestern [22:44] |
 | Yahoo nun auch mit eigenem Browser Internet / News | Gestern [13:24] |
| Microsofts soziales Netzwerk So.cl Internet / News | Gestern [10:17] |
 | Abstimmung: 20.000 Mitglieder Jubiläum - was tun? Internes & Ankündigungen / Internes | 23. 05. 2012 [23:07] |
 | Nicht nachvollziehbarer CSS Fehler Internes & Ankündigungen / Analyse-Ergebnisse | 23. 05. 2012 [13:37] |
Lade...
Aktuelle Artikel:
Facebook - eine neue Tech-Blase?
Facebook ist in den vergangenen Tagen wegen seines Börsenganges und den dabei eingefahrenen Investorengeldern von 16 Milliarden Dollar großflächig in die Kritik geraten. Der Marktwert von 104 Milliarden Dollar wird von vielen als maßlos übertrieben angesehen. Ist Facebook eine neue Internet-Blase, die in den nächsten Jahren platzen wird?
Suchmaschinenoptimierung seit dem Google Penguin Update
Das neue Update vom Branchenriesen Google wird in Seo-Kreisen gerne mit einem Erdbeben verglichen. Diese Metapher trifft die Sachlage sehr gut, denn der Pinguin bringt die Arbeitsfundamente der Suchmaschinenoptimierer gehörig ins Wanken.
Tipps für den guten Start ins Business
Sich selbstständig machen, eine Firma gründen und direkt ins eigenständige Berufsleben einzusteigen klingt spannend und irgendwie auch einfach. Doch einfach ist es ganz und gar nicht...
Facebook - eine neue Tech-Blase?
Facebook ist in den vergangenen Tagen wegen seines Börsenganges und den dabei eingefahrenen Investorengeldern von 16 Milliarden Dollar großflächig in die Kritik geraten. Der Marktwert von 104 Milliarden Dollar wird von vielen als maßlos übertrieben angesehen. Ist Facebook eine neue Internet-Blase, die in den nächsten Jahren platzen wird?
18. Mai 2012
Suchmaschinenoptimierung seit dem Google Penguin Update
Das neue Update vom Branchenriesen Google wird in Seo-Kreisen gerne mit einem Erdbeben verglichen. Diese Metapher trifft die Sachlage sehr gut, denn der Pinguin bringt die Arbeitsfundamente der Suchmaschinenoptimierer gehörig ins Wanken.
15. Mai 2012
Tipps für den guten Start ins Business
Sich selbstständig machen, eine Firma gründen und direkt ins eigenständige Berufsleben einzusteigen klingt spannend und irgendwie auch einfach. Doch einfach ist es ganz und gar nicht...
14. Mai 2012