Legg inn bilder i CSS

[Emaxine]

Jeg vet man kan legge inn bakgrunnsbilder ved hjelp av css, men hvordan legger man inn bilder?

 

Jeg har f.eks en banner på websiden min som går igjen på alle sidene.

Det hadde vært veldig kjekt at denne lå i css-fila slik at hvis jeg vil bytte den ut, er det bare å forandre den i css.

[masb]

lag en <div id="banner"> som går igjen på alle sidene. Definer så en bakgrunn for den id'en i stilarket og banneret vil gå igjen på alle sidene.

 

lag en <div id="banner"> som går igjen på alle sidene. Definer så en bakgrunn for den id'en i stilarket og banneret vil gå igjen på alle sidene.

[funkyboy]

Jeg har f.eks en banner på websiden min som går igjen på alle sidene.

Det hadde vært veldig kjekt at denne lå i css-fila slik at hvis jeg vil bytte den ut, er det bare å forandre den i css.

 

Dette vil jeg nesten mene er litt for tungvint. På denne måten, må du oppdatere css- filen isteden for "bare" en html/php- fil. Jeg sier "bare" da html/php- filer enkelt kan lages automatisk, mens automatisk generering av css- fil(er) er noe mer avansert, og av denne grunn ikke regnes som god praksis. Dersom det er snakk om en banner, vil en banner i de fleste tilfeller se slik ut (vel og merke dersom det er en reklamebanner vi snakker om):

 

<a href="http://www.url.no/"><img src="path/til/bilde.jpg" alt="alternativ tekst" /></a>

 

Isteden for å definere bakgrunn i css og så videre, kan du heller lagre dette til fil, som f.eks. banner.php. På sidene du vil ha inkludert banneren, skriver du dermed:

 

<?php include("path/til/banner.php"); ?>

 

Dette forutsetter riktignok at du har php på serveren du jobber på, men de fleste har vel det i dag.

 

For å få til at dette fungerer som det skal, må du ellers sørge for at dokumentet du jobber med har filendelse .php. Dette var riktignok en kortversjon av php include, men søker du etter det på Google, lærer du nok kjapt et par tricks til.

Endret 7. april 2010 av bardoien

[Emaxine]

Isteden for å definere bakgrunn i css og så videre, kan du heller lagre dette til fil, som f.eks. banner.php. På sidene du vil ha inkludert banneren, skriver du dermed:

 

<?php include("path/til/banner.php"); ?>

 

 

 

Aha! Det skal jeg teste ut! Takk skal du ha!

 

Banneren er her snakk om logoen til websiden.

[funkyboy]

Aha! Det skal jeg teste ut! Takk skal du ha!

 

Banneren er her snakk om logoen til websiden.

 

No prob. Php includes er ellers bra å bruke til det meste, fra bannere (som i dette tilfellet), til meny etc. Ikke vits i å gjøre ting mer tungvint enn man strengt tatt er nødt til, vettu.

Endret 8. april 2010 av bardoien

[Emaxine]

 

 

No prob. Php includes er ellers bra å bruke til det meste, fra bannere (som i dette tilfellet), til meny etc. Ikke vits i å gjøre ting mer tungvint enn man strengt tatt er nødt til, vettu.

 

Så sant, så sant Nå er det bare å få de forskjellige php-filene til å "jobbe sammen.

 

Hvordan blir det med css`n da? Det virker ikke som css-fila fungerer etter at jeg inkluderte php`n til index-fila. Mulig det er jeg som roter med kodene her altså. Dette er veldig nytt for meg.

[funkyboy]

Hvordan blir det med css`n da? Det virker ikke som css-fila fungerer etter at jeg inkluderte php`n til index-fila. Mulig det er jeg som roter med kodene her altså. Dette er veldig nytt for meg.

 

 

Sett at du inkluderer banner.php (som beskrevet over) i index.php. Det som skjer, er egentlig bare at index.php får dynamisk html, og ikke statisk html (som de fleste dokumenter med filendelse .html har). Det skal altså ikke bli noe forskjell i css- filen (om du ikke har forandret bane/plassering på filer).

 

Altså, dersom du i banner.php definerer en divider med id #banner, kan du i css sette stilattributter for #banner, akkurat som før. Divideren med id #banner vil bli skrevet ut av index.html, selv om den ligger lagret i banner.php. Filen du kaller banner.php vil ikke bli brukt til noe annet enn til å skrive ut html. Du trenger derfor ikke å tenke på at css- fil skal være linket relativt til denne, i og med at det er index.php som skriver ut den komplette html- en. Eller noe sånt. :!:

[Emaxine]

 

Sett at du inkluderer banner.php (som beskrevet over) i index.php. Det som skjer, er egentlig bare at index.php får dynamisk html, og ikke statisk html (som de fleste dokumenter med filendelse .html har). Det skal altså ikke bli noe forskjell i css- filen (om du ikke har forandret bane/plassering på filer).

 

Altså, dersom du i banner.php definerer en divider med id #banner, kan du i css sette stilattributter for #banner, akkurat som før. Divideren med id #banner vil bli skrevet ut av index.html, selv om den ligger lagret i banner.php. Filen du kaller banner.php vil ikke bli brukt til noe annet enn til å skrive ut html. Du trenger derfor ikke å tenke på at css- fil skal være linket relativt til denne, i og med at det er index.php som skriver ut den komplette html- en. Eller noe sånt. :!:

 

Okay, så det holder at jeg linker css-fila til index-fila. Skal prøve på det og se hva jeg får til! Igjen, takk så mye for hjelpen!