Tabellen Rahmen

[pinmoney]

Hallo Leute.

Wollte mal kurz nachfragen, wie man solche Rahmen wie auf www.trivago.de zu finden sind erstellen könnte.

Gruß Peter

[evident]

hallo Peter,

du meinst sicher diese 1px breiten abgerundeten Rahmen rechts und oben, oder?

Sowas kann man in Photoshop relativ leicht machen, da gibt es viele Möglichkeiten... abgerundetes Rechteck-Tool, das ganze per Selektionen zu machen? kleine Kreise an den Ecken und dann halt alles gewünschte markieren und füllen...
Damit das ganze dann nur 1 px breit ist kannst du z.B. durch Überlagerung mit kleineren Ebenen oder einfach nur mit Konturen machen.

Dann musst du das ganze einfach nur noch umsetzen. Kannst dir ja angucken, wie die das da gemacht haben... Die Ecken werden letztendlich meist ganz normal als Bild oben und unten im Hintergrund mit eingebaut... Der Rest kann sich dann dynamisch anpassen an die Größe des Feldes...

es gibt auch schon andere Methoden, so abgerundete Ecken direkt in HTML hinzukriegen. Die funktioniert aber meines Wissen bisher nur bei Firefox

Code:
border:2px solid 000000;
-moz-border-radius: 7px;

Aber das ist nicht sehr zuverlässig, besonders nicht bei so feinen Rahmen, wie auf der Beispielseite...

ich hoffe, ich konnte helfen!

-Flori-