zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Suche eleganten Weg für runde Ecken

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.12.2007, 19:44
Benutzerbild von P@trick
Design Igel
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2006
Beiträge: 20
P@trick befindet sich auf einem aufstrebenden Ast
Standard Suche eleganten Weg für runde Ecken

Hallo

Ich brauch eure Hilfe und zwar bin ich trotz vieler Minuten googln nun auch nich schlauer geworden. Mein Problem ist eigentlich ganz einfach: Ich möchte eine Box mit runden Ecken und Inhalt drin, die möglichst kompatibel zu den gängigen Browsern ist und das ganze soll elegant über CSS gelöst werden.

Eigentlich ganz einfach, aber meine bisherigen Versuche über alles mit HTML machen bis hin zu mehreren DIV Tags, die ich eigentlich selbst nicht durchschaut haben, waren mehr schlecht als recht, also wie mach ichs richtig?

Vorgestellt hab ich mir sowas wie der Mokeup im Anhang.
(also auch mir farbverläufen bzw hintergrundgrafiken an den ecken)
Angehängte Grafiken
Dateityp: jpg Konzept.jpg (8,9 KB, 15x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.12.2007, 19:45
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Runde und andere Ecken (Webdesign) | andreas-kalt.de

Je nachdem ob noch andere Elemente zur Verfügung stehen, kann man mit diesen verschiedene Divs ersetzen.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.12.2007, 20:18
Benutzerbild von P@trick
Design Igel
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2006
Beiträge: 20
P@trick befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von BlackHawk Beitrag anzeigen
Runde und andere Ecken (Webdesign) | andreas-kalt.de

Je nachdem ob noch andere Elemente zur Verfügung stehen, kann man mit diesen verschiedene Divs ersetzen.
Danke schon mal für den Link. Hier ist das Problem, dass das Kästchen eine feste Breite und Höhe hat. Wie kann ich es skalierbar machen? (ok ist eigentlich ne banale Frage... )
Mit Zitat antworten
  #4 (permalink)  
Alt 30.12.2007, 20:44
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Die Box ist doch skalierbar.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #5 (permalink)  
Alt 30.12.2007, 20:48
Benutzerbild von P@trick
Design Igel
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2006
Beiträge: 20
P@trick befindet sich auf einem aufstrebenden Ast
Standard

Das meine ich damit nicht
Die gesammte Box soll keine feste Breite besitzen.
Mit Zitat antworten
  #6 (permalink)  
Alt 30.12.2007, 20:53
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Hat sie doch auch nicht.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #7 (permalink)  
Alt 30.12.2007, 21:01
Benutzerbild von P@trick
Design Igel
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2006
Beiträge: 20
P@trick befindet sich auf einem aufstrebenden Ast
Standard



Ich bezieh mich jetzt auf Grafik 1.

Dort müsste ich ja über eine CSS Klasse ein kleines Icon oben Rechts platzieren und den Rest dann mit der entsprechenden Hindergrundfrabe füllen. Das Problem ist, dass ich dann das Icon in der Ecke nicht transparent machen kann.
Mit Zitat antworten
  #8 (permalink)  
Alt 30.12.2007, 21:04
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Dann pack es doch direkt auf bzw. in Grafik 1.

Hier noch was: Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Geändert von Crizzo (30.12.2007 um 21:13 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 30.12.2007, 21:28
Benutzerbild von P@trick
Design Igel
neuer user
Thread-Ersteller
 
Registriert seit: 28.07.2006
Beiträge: 20
P@trick befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Hilfe, der zweite Link gefällt mir schon viel besser.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.12.2007, 21:57
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Hier eine JS-Variante, die sehr einfach und dennoch sehr flexibel ist:
Nifty Corners Cube - freedom to round
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Runde Rahmen (nicht Ecken) für den IE ? mrpellepelle CSS 1 11.09.2010 14:06
Runde Ecken mit Hintergrund Phil2812 CSS 0 04.09.2010 18:14
Runde Ecken mit CSS oder Bildern? Cu Chullain CSS 3 16.04.2009 19:18
Runde Box (bzw. runde Ecken) l2107 CSS 3 08.02.2004 04:19


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:17 Uhr.