css och sätta bakgrund.

2003-12-04 18:35

#1

ivar
Medlem ●
Stockholm
2003-12-04 18:35

Tjena

skriver jag så här

<LINK REL="stylesheet" TYPE="text/css" HREF="css/style.css">

/* ... */

<div id="top"><img src="bilder/logo.gif" width="180" height="114" vspace="0" hspace="0"></div>

där css-filen börjar med dessa rader:

body {
	
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	
	border: 0px solid #000;
	
	background-image: url(bilder/bgcolor.gif);
	background-repeat: repeat;	

}
#top {
	background-image: url(bilder/logoBG.gif);
	background-repeat: repeat-x;
	
	margin: 0px;
	padding-top: 10px;
	border: 2px solid #ccc; /* debug */
}

Så får div'en (#top) sin border och andra egenskaper... men INTE sin bakgrundsbild. Skriver jag däremot så här:

<div id="test" style="background-image: url(bilder/logoBG.gif);background-repeat: repeat-x;">hej hej </div>

så får den div-taggen sin bakgrundsbild..

Fattar inte.. måste ju gå att hämta in såna egenskaper från sin css-fil...

Anmäl Ändra Gilla Svara

2003-12-04 23:29

#2

Mikael M
Medlem ●
2003-12-04 23:29

Jag har lite liknande problem med färg i tabell. Safari beter sig olika från Mozilla och IE. Ingen blir som jag vill, när jag har värdena i en separat css-fil.

/mikael

Anmäl Ändra Gilla Svara

2003-12-04 23:43

#3

orat
Medlem ●
2003-12-04 23:43

Hur ligger .css-arket i förhållande till dokumentet som ska påverkas? Kan sökvägarna till bilderna bli fel?

Anmäl Ändra Gilla Svara

2003-12-05 00:18

#4

ivar
Medlem ●
Stockholm
2003-12-05 00:18

ah.. kan det vara så?
men css-arket inkluderas väl till huvudsidan först innan bildens sökväg blir aktuell?
trodde jag iaf

----------------
----------------

ack så rätt du hade..
såg till att göra bildens sökväg relativ i förhållande till var css-filen låg och då fungerade det utmärkt.

Tack för hjälpen

(fan vad css krånglar för mig)

just nu får jag inte två lager att ligga på samma "rad" .. det andra lagret lägger sig under det andra direkt.. grrr

Anmäl Ändra Gilla Svara

2003-12-05 08:08

#5

Mattias Hedman
Medlem ●
Sundsvall
2003-12-05 08:08

Har tittat lite på GoLive CS... mycket trevligt kan jag säga... speciellt Instant View fönstret. Den visar din kod samtidigt som du skriver den. Mycket trevligt. Speciellt för CSS kan jag säga.

Anmäl Ändra Gilla Svara

2003-12-05 08:28

#6

Mikael Svensson
Medlem ●
Mölndal
2003-12-05 08:28

Citat:

Skrevs ursprungligen av ivar

just nu får jag inte två lager att ligga på samma "rad" .. det andra lagret lägger sig under det andra direkt.. grrr

#block_1 {
width:200px;
float:left;
margin-right:1px;
background:#cccccc;
}
	
#block_2 {
width:200px;
float:left;
margin-right:1px;
background:#dddddd;
		}
	
#block_3 {
width:200px;
float:left;
margin-right:1px;
background:#eeeeee;
}

//Mikael

Anmäl Ändra Gilla Svara

2003-12-05 17:47

#7

ivar
Medlem ●
Stockholm
2003-12-05 17:47

Tack Mikael!
Nu kan jag få två lager att ligga på samma rad... dock stör jag mig på att dess "område", som <div> sträcker sig över, börjar ända ute i vänster hörn för båda två blocken...
dvs jag kan inte fixa shyssta borders på mina <div> om jag skulle vilja för alla som kör float:left börjar på samma ställe (har samma vänsterkant), men innehållet ligger som det ska.

Kan bifoga screenshot för att förtydliga lite

edit: med shyssta borders avser jag inte de på bilden... de borders'arna har jag bara för att hålla koll på mina <div>-block ett tag till så jag fattar vad som egentligen händer... tex att det visade siga att båda de två undre börjar allra längst ut från vänster.. grr

Anmäl Ändra Gilla Svara

css och sätta bakgrund.

Senaste nytt