Jump to content
Sign in to follow this  
Followers 0
Vonbo

Hvordan hente fra css

By Vonbo, in Programmering og webutvikling

Recommended Posts

Vonbo    0

Vonbo
Posted

Hei.

Jeg vet at p {background-image: url(bakgrunn.gif)} setter bakgrunn på en side,

men hvordan henter jeg dette inn i dokumentet for at den skal virke? Er ikke kjennt med denne typen. Vanligvis henter jeg med class="p", men det virker ikke her. Kan noen si meg det? Er vel såre enkelt vil jeg tro. Jeg skal ha et lite bakgrunnsbilde som skal vises i en tabell...

Takker

Share this post

Link to post

PoleCat    0

PoleCat
Posted (edited)
Jeg vet at p {background-image: url(bakgrunn.gif)} setter bakgrunn på en side

Det er feil. Denne snutten setter bakgrunn på p-elementet.

 

Dersom du skal ha et bakgrunnsbilde i en tabell, vil det vel bli noe ala:

table.bildetab {
 background: url("bakgrunn.gif");
}

 

<table class="bildetab">
 <!-- innhold i tabellen -->
</table>

 

For å hente informasjon fra stilarket inn i html/php/whatever-dokumentet, brukes 

<link href="style.css" rel="stylesheet" type="text/css">

i <head>-elementet (mellom <head> og </head>), men det visste du kanskje?

Edited by PoleCat

Share this post

Link to post

PoleCat    0

PoleCat
Posted

Jeg ble usikker på hva du egentlig spør om nå, når jeg leser posten din igjen, men dersom du lurer på hvordan du henter egenskapene til p {background-image: url(bakgrunn.gif)} inn i dokumentet ditt, så trenger du ikke gjøre noen ting, da dette er en "universalregel" for all p-elementer.

 

<p>Teksten her, denne får bakgrunnsbilde.</p>

er nok.

Share this post

Link to post

Mira    1

Mira
Posted

Hvis du derimot setter 

#p {
background: url(background.jpg);
}

 

lager du en "id".

Den kan du hente inn på de p elementene du vil bruke den på.

 

eks: <p id="p">

Share this post

Link to post

cfenzo    15

cfenzo
Posted

du kan kun bruke en id ÈN gang pr side...

hvis du derimot lager en class, kan du bruke den om igjen flere steder på samme side..

eks:

.p {
background: url(background.jpg);
}

<p class="p"> </p>

Share this post

Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...