Table Border Image
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
antwort
anwenden
beispiel
bild
code
duo
einbinden
gefunden url
http
image
info
problem
rahmen
service
suche
tabelle
umsetzen
url
wende
zeugs
-
Hallo Community,
ich suche einen Weg alle Tabellen auf meiner Seite mit einem Bild als Border zu versehen.
Das heißt ich möchte gerne
links
rechts
unten
oben
links oben
rechts oben
..... ein anderes Bild haben.
Ich habe bereits bei Google gesucht, doch leider bin ich in CSS eine totale Niete. Wenn ihr so gütig sein könntet mir so viele Infos da zu lassen wie möglich? Am besten ein Beispielcode.
Vielen Dank, euer Marvin ;) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
kannst du uns mal ein Beispiel aufmalen?
-
Ich habe diesen Service bei google gefunden.
http://border-image.com
Der ist eigentlich perfekt doch leider weiß ich nicht wie ich den danach anwenden sollte ^^.
Nen beispiel zum einbinden und benutzen von diesem Code im Rahmen würde mir mein Problem lösen ;)
EDIT:
border-width: 10px 11px 11px; -moz-border-image: url(/images/border.png) 10 11 11 stretch; -webkit-border-image: url(/images/border.png) 10 11 11 stretch; border-image: url(/images/border.png) 10 11 11 stretch;
Das ist der Code... denn ich herrausbekommen habe.... aber wie wende ich den nun an?
Beitrag zuletzt geändert: 3.9.2010 16:11:57 von das-dorf -
Bei http://border-image.com/ wird ja schon ein Beispiel genannt, dass man ganz leicht umsetzen kann - z.B. so: http://kaetzle7.lima-city.de/zeugs/border.htm
<html> <head> <style type='text/css'> <!-- #content { border-width: 27px; -moz-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; -webkit-border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; border-image: url(http://www.w3.org/TR/css3-background/border.png) 27 repeat; width: 945px; } --> </style> </head> <body> <div id="content"> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div> </body> </html> -
Vielen Dank für die Antwort^^ funktioniert jetzt einwandfrei.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
