bilder rundt kanten layers?

perplex · 14. august 2006

hvordan kan jeg sette in bilder rundt kantene av en layer som får layeren til å se litt fin ut?

jeg bruker dreamweaver og siden er i PHP...

Kannutt · 14. august 2006

Hva mener du egentlig?

perplex · 14. august 2006

jeg mener at jeg vil ha et lite bilde bare på noen pixler som gjentar seg rundt kanten av layere. og et eget til hver hjørne selvfølgelig...

834HF42F242 · 14. august 2006

Ikke etter boka, men et enkelt utkast for hvordan det kan løses:

<div class="boks">
 <div class="fyll">
 <p>Innhold</p>
  <img src="./bunn.png" alt=Grafikk" />
 </div>
</div>

.boks {
 width: 200px;
 background: url(./topp.png) no-repeat;
 padding: 5px;
}

.fyll {
 background: url(./fyll.png) repeat-y; /*Et bilde som er 200 px bredt, og 1 px høyt for eksempel */
}

PS: Bruk ren html-editor. Makroprogrammer er for pyser.

Endret 14. august 2006 av neitakk

Amento · 16. august 2006

Er det en border du mener??

Rinox · 16. august 2006

Skjønner ikke helt hva du mener jeg heller... Har aldri hørt om layers i webprogrammering... Mener du tables?

phun-ky · 16. august 2006

layers == fy fy. det heter div. dreamweaver kaller det layer.

han mener ikke border, men han putter et bilde heelt nederst slik at div'en blir "penere" (se eksempelet)

Rinox · 16. august 2006

Aha... Da skjønner jeg litt mer, men skjønner ikke hvilket eksempel du refererer til :hmm:

834HF42F242 · 16. august 2006

Han vil ha en slik: http://www.musikksmaken.com/boks.asp

perplex · 21. august 2006

Han vil ha en slik: http://www.musikksmaken.com/boks.asp

6687446[/snapback]

ja, det er noe sånt jeg vil få til... har ikke peiling hva det heter...

kan noen være så snill å finne en guide til meg eller hjelpe meg :cry:

Endret 21. august 2006 av perplex

qualbeen · 22. august 2006

bruk koden som ligger på http://www.musikksmaken.com/boks.asp som utgangspunkt. Resultatet kan f.eks bli slik:

Du trenger 2 filer, ei html-fil og en css-fil

css: (style.css) Skjult tekst: (Marker innholdet i feltet for å se teksten):

img {
 border: 0px,
}

h1 {
 margin-top: 0px;
}

p {
 margin-bottom: 0px;
}
.midten {
 background: url(./bilder/kolonne1-mellom.png) repeat-y;
 width: 200px;
}
.topp {
 background: url(./bilder/kolonne1-topp.png) no-repeat;
 padding: 10px;
}

html-fil: Skjult tekst: (Marker innholdet i feltet for å se teksten):

<html>
<head>
   <title>Tittel her</title>
   <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
   <div class="midten">
       <div class="topp">
           <h1>Test</h1>
           <p>En setning her og der gjør vel ingenting</p>
       </div>
       <img src="http://www.musikksmaken.com/bilder/kolonne1-bunn.png" title="grafikk" />
   </div>

   <div class="midten">
       <div class="topp">
           <h1>Test2</h1>
           <p>Nok en boks med bilde rundt</p>
       </div>
       <img src="http://www.musikksmaken.com/bilder/kolonne1-bunn.png" title="grafikk" />
   </div>

</body>
</html>

så må du bare sørge for å oppdatere bilde-urlene til de du har

Logg inn

bilder rundt kanten layers?

Anbefalte innlegg

perplex

Videoannonse

Kannutt

perplex

834HF42F242

Amento

Rinox

phun-ky

Rinox

834HF42F242

perplex

qualbeen

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer