css och sätta bakgrund.

Tråden skapades och har fått 6 svar. Det senaste inlägget skrevs .
1
  • 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...

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

  • 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?

  • 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

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.

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

  • 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

1
Bevaka tråden