25. juli 2005 - 22:08
Der er
12 kommentarer og 1 løsning
kan man ikke sætte et billede på border med css
Hey Jeg opgiver nu er det virker ikke muligt og sætte et billede som topborder i css
Annonceindlæg fra Barco
Det tror jeg ikke, at du kan. Men du kan gøre noget andet: <table style="width:500px;" cellspacing="0" cellpadding="0" border="0"> <tr> <td style="width:500px; height:5px; background-image:url('images/border.gif');"></td> </tr> <tr> <td style="padding-top:10px; width:500px; height:300;">Her står noget tekst...</td> </tr> </table> Via ovenstående placerer du en selv-defineret border på 5px i højden, øverst i tablet, og det kan f.eks. bruges, som skyggeeffekt hvis det er det, du har behov for. Apo
Nej, du kan ikke indsætte billeder i border m.v. via css, så du skal bruge den type løsning, apo peger på !-)
Hmm, vil det ikke være mere smart og samle alle border så og lave et billede som sættes ind som bg i en div
Det er også en mulighed, men dur ikke, hvis tabellen er beregnet til at have dynamisk størrelse !-)
Nej Okay, det kan jeg godt se. hvis i smider et svar lukker jeg her
Okay, så venter vi på ham.
Hovsa, jeg har været væk et par dage - men kaster lige et svar :-) Apo
29. juli 2005 - 17:55
#10
Tak for points :-) Apo
29. juli 2005 - 23:48
#11
Hey hey :) Jeg ved godt at det er ved at indlæget er lukket, men jeg vil bare sige at der findes en CSS løsning på emnet. Man kunne jo bare lave noget i stil med : .rightside { background-image: url(grafik/hside2.gif); background-repeat: repeat-y; background-position : left; } Så kan du selv definere position og repeat med X eller Y og top,right,bottom og left. Måske har jeg ramt helt ved siden af men det kan jo ske :D
30. juli 2005 - 00:01
#12
Ja, det er noget vrøvl, for en border har 4 sider, men du har ikke mulighed for at indsætte mere end eet baggrundsbillede ...
30. juli 2005 - 00:34
#13
roenving >>> Apo's løsning er heller ikke med alle 4 sider. + at codemanager selv kun spørger efter 1 border som i dette indlæg er topborder i css. Så mit løsning kunne godt bruges ved at lave : .top{ background-image: url(grafik/border.gif); background-repeat: repeat-x; background-position : top; } + at denne løsning kan bruges til dynamiske størelser efter at den laver repeat kun via x aksen. Så det eneste codemanager skal gøre er at lave et border billede som kan gentage sig selv. Så i sidste ende er det slet ikke vrøvl :p :)
Vi tilbyder markedets bedste kurser inden for webudvikling