Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

background color

jan01

Startad av jan01,
i Webbutveckling

Rekommendera Poster

jan01

jan01

Postad
Postad

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>


}

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

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

Länk till kommentar
Dela på andra webbplatser
jan01

jan01

Postad
  • Trådskapare
Postad

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

Länk till kommentar
Dela på andra webbplatser
jan01

jan01

Postad
  • Trådskapare
Postad

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

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

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.

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...