border-image funkar inte!

2009-12-08, 18:29 #1

Bannlyst

Jag har googlat lite efter smidigaste sätt att lägga in en bild som border på min hemsida. Jag hittade då border-image på den här sidan "http://www.css3.info/preview/border-image/" och tyckte att det lät som en bra idé. Eftersom jag inte fick det att fungera något vidare så kopierade jag deras exempel och provade med det. Detta hjälpte tyvärr inte och nu undrar jag vad som är fel och om det är värt att lägga tid på en sådan sak eller om jag ska lösa det på annat sätt. Värt att nämna är att jag har provat lägga in en 20px solid border runt hela hemsidan och den fungerade så det är inte <div> taggen som ligger fel.

HTML-kod:

border-image: url(border.png) 27 27 27 27 round round;

Tack på förhand!

Citera

2009-12-08, 18:47 #2

Medlem

Reg: Jun 2009

Inlägg: 196

Kod:

<A HREF="../"><IMG SRC="idocs.gif"
   ALT="Bildtest"
   HEIGHT=33 WIDTH=82></A>

eller..

<img src="logo_w3s.gif" alt="W3Schools.com" border="5" />

???

Citera

2009-12-08, 19:09 #3

Bannlyst

Citat:

Ursprungligen postat av Deeman

Kod:

<A HREF="../"><IMG SRC="idocs.gif"
   ALT="Bildtest"
   HEIGHT=33 WIDTH=82></A>

eller..

<img src="logo_w3s.gif" alt="W3Schools.com" border="5" />

???

Tanken var att använda en bild som border istället för en enfärgad ram och inte en ram runt bilden. Men tack ändå för ditt inlägg.

Citera

2009-12-08, 19:28 #4

Medlem

Reg: Jan 2009

Inlägg: 17

Citat:

Ursprungligen postat av iSnitch

Jag har googlat lite efter smidigaste sätt att lägga in en bild som border på min hemsida. Jag hittade då border-image på den här sidan "http://www.css3.info/preview/border-image/" och tyckte att det lät som en bra idé. Eftersom jag inte fick det att fungera något vidare så kopierade jag deras exempel och provade med det. Detta hjälpte tyvärr inte och nu undrar jag vad som är fel och om det är värt att lägga tid på en sådan sak eller om jag ska lösa det på annat sätt. Värt att nämna är att jag har provat lägga in en 20px solid border runt hela hemsidan och den fungerade så det är inte <div> taggen som ligger fel.

HTML-kod:

border-image: url(border.png) 27 27 27 27 round round;

Tack på förhand!

Är du säker på att din webbläsare stödjer CSS3?

Citera

2009-12-08, 19:30 #5

Bannlyst

Citat:

Ursprungligen postat av Rhinoxx

Är du säker på att din webbläsare stödjer CSS3?

border-image currently works in Safari and Firefox 3.1 (Alpha).
Jag har Firefox version 3.5.5. Så ja, jag antar det.

Citera

2009-12-08, 20:28 #6

Bannlyst

Background-image funktionen finns ju faktiskt (tänkte inte på det), men den uppfyller inte mina krav ordentligt. Jag har en bild för vänster sida och en för höger men jag kan bara använda en as far as I know. Dock hittade jag en sida nu där man använder två bilder i background-image funktionen. Den följer med css3 och ska fungera till firefox 3.1 precis som border-image. Det fungerade givetvis inte och jag är rätt säker på att det är ett mjukvarufel. Jag kör WampServer Version 2.0 och som sagt Firefox version 3.5.5. Nu börjar jag dock tröttna på att mecka med det här så jag undrar vad det finns för alternativ.

Det är det här jag vill åstadkomma:
-------------------------------------------
- bg_left.gif -- content -- bg_right.gif-
-................--............--................-
-................--............--................-
--------------------------------------------

bg_left.gif och bg_right.gif är samma bild fast speglad. Bakgrunden ska repeteras till slutet av sidan. Vilken lösning är smidigast?

Citera

2009-12-08, 22:23 #7

Bannlyst

Citat:

Ursprungligen postat av iSnitch

Background-image funktionen finns ju faktiskt (tänkte inte på det), men den uppfyller inte mina krav ordentligt. Jag har en bild för vänster sida och en för höger men jag kan bara använda en as far as I know. Dock hittade jag en sida nu där man använder två bilder i background-image funktionen. Den följer med css3 och ska fungera till firefox 3.1 precis som border-image. Det fungerade givetvis inte och jag är rätt säker på att det är ett mjukvarufel. Jag kör WampServer Version 2.0 och som sagt Firefox version 3.5.5. Nu börjar jag dock tröttna på att mecka med det här så jag undrar vad det finns för alternativ.

Det är det här jag vill åstadkomma:
-------------------------------------------
- bg_left.gif -- content -- bg_right.gif-
-................--............--................-
-................--............--................-
--------------------------------------------

bg_left.gif och bg_right.gif är samma bild fast speglad. Bakgrunden ska repeteras till slutet av sidan. Vilken lösning är smidigast?

Jag löste det genom att fuska lite. Jag gjorde en bild som var lika bred som hemsidan, la bordern i kanterna och gjorde bakgrunden transparent. Får fixa resten när CSS3 funkar som det ska.

Citera

border-image funkar inte!

Skapa ett konto eller logga in för att kommentera

Skapa ett konto

Logga in