Just nu i M3-nätverket
Jump to content

background color


jan01

Recommended Posts

Hej!

Jag vill att sidans wrap background (som kommer i mitten av sidan)ska ha en annan

färg.Bodys färg ska vara svart och wraps backgrounds färg ska vara vit.

html
{
height: 100%;
margin-bottom: 0.01em;
}

body
{
background-color:#000000; 
}

/*------------center the website---------------------*/
#wrap     
{ 
position:relative; 
background-color:#ffffff;

width:960px;
margin-left:auto;
margin-right:auto; 

}
#image
{
position:absolute;  
left:640px; 
top:166px; 
width:160px;
height:120px;

/*------------HTML------------------*/

<html>
<head>
<title>Name</title>



<link href="B.css" rel="stylesheet" type="text/css" media="screen" />

<style type="text/css"></style>
</head>
<body>

<div id="wrap">

<div  id="image" > <img src="picture.jpg" /></div>

</div>
</body>
</html>


}

Link to comment
Share on other sites

ja det ser ju rätt ut i kod, åtminstone.

 

 

Fyll #wrap med innehåll så syns det också.

Eftersom bilder flyter utanför #wrap så ser #wrap tomt ut.

Lägg i lite text eller sätt en höjd på #wrap

Link to comment
Share on other sites

Nu kan jag se wraps backgrounds färg när jag skriver text, men jag har två frågor:

jag vill att wraps bakground kommer i mitten av sidan och jag vill också att lägga image inne i wrap.

Jan

Link to comment
Share on other sites

tack!

nu är image inne i wrap, men fortfarande har jag två problem:

1: med hjälp av padding-top:125px; padding-bottom:50px;kan jag röra på bilden upp och ner men hur kan jag röra på bilden höger & vänster (padding-right:?px;

padding-left:?px )

2: jag försökte att centrera wrap men fortfarande ligger på vänster sidan.

Jan

Link to comment
Share on other sites

använder du padding på wrap övar också dess storlek.

Om tanken är att placera bilden är det bättre att du använder margin på bilden än padding på wrap.

 

Med den css du visat upp för wrap ska den vara centrerad så har du ändrat den ursprungliga cssen så ändra tillbaka igen.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...