/*left*\

Status
Niet open voor verdere reacties.
A Search

A Search

Gebruiker
Lid geworden
14 mrt 2009
Berichten
299
Code: 
.Site {
	background-color: #D3D1CA;
	visibility: visible;
	width: 700px;
	height: 900px;
	margin: auto;
	height: 600px;
}
.Header {
	background-color: #D3D1CA;
	visibility: visible;
	width: 1000px;
	height: 100px;
	margin: auto;
}
.Left {
	background-color: #D3D1CA;
	visibility: visible;
	width: 100px;
	height: 600px;
}
Mijn css code

De div left staan nu over de div site heen ik wil dat deze er aan de linker kant op aan sluit.
hoe moet dit heb wat zitten googlen maar ik kon het niet vinden.
alvast bedankt
 
A Search zei:
Mijn css code

De div left staan nu over de div site heen ik wil dat deze er aan de linker kant op aan sluit.
hoe moet dit heb wat zitten googlen maar ik kon het niet vinden.
alvast bedankt
Klik om te vergroten...


Als het kan zou ik als ik jou was even ook je HTML-code sturen, kunnen we zelf wat dingen proberen. Maar ik weet niet of dit je probleem al oplost:

Code: 
.Site {
	background-color: #D3D1CA;
	visibility: visible;
	width: 700px;
	height: 900px;
	margin: auto;
        margin-left: 100px;
	height: 600px;
}

Je hebt trouwens ook twee keer de height van .Site benoemt.
 
nee dat lost het niet op hier is de html
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pinetum de DennenHorst - Home</title>
<link href="Site.css" rel="stylesheet" type="text/css" />
<LINK REL="SHORTCUT ICON" HREF="http://www.pinetum.eu/favicon.ico">
</head>

<body>
<div class="Header">
  <div class="Header">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
</div>
<div class="Site">
  <div class="Left"></div>
</div>
</body>
</html>
nog ter vberduidelijking ik wil dus left aan de linker kant naast site hebben en dat gecentreerd. ik las ergens dat ik dan site moest centeren en dan op een of andere manier left er op aan te laten sluiten maar ik weet niet hoe.

(ter informatie het is voor de vernieuwing van een site die al bestaat voor iemand uit mijn familie)

oh en de aangepast css
Code: 
.Site {
	background-color: #D3D1CA;
	visibility: visible;
	width: 700px;
	margin: auto;
	height: 600px;
}
.Header {
	background-color: #D3D1CA;
	visibility: visible;
	width: 900px;
	height: 100px;
	margin: auto;
}
.Left {
	background-color: #D3D1CA;
	visibility: visible;
	width: 100px;
	height: 600px;
}
 
Laatst bewerkt:
http://ddaan.nl/Helpmij/Pinetum/a.htm

Is hij zo zoals je wilt? (let niet op de kleuren, dat was even om duidelijk te zien welke div nou waar stond.)

Zo ja, margin-left is toegevoegd aan .Left
HTML: 
.Left {
	background-color: #;
	visibility: visible;
	margin-left: -100px;
	width: 100px;
	height: 600px;
}

Als ie ok is veel succes met de rest van je website en het Pinetum of zoiets. :P
 
The result: Een vrolijke kleuren bende.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pinetum de DennenHorst - Home</title>
<link href="Site.css" rel="stylesheet" type="text/css" />
<LINK REL="SHORTCUT ICON" HREF="http://www.pinetum.eu/favicon.ico">
</head>

<body>
<div class="Header">
  <div class="Header">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
<div class="Site">
  <div class="Left"><p>&nbsp;</p></div>
  <div class="Right"><p>&nbsp;</p></div>
</div>
</body>
</html>

Code: 
.Site {
	background-color: Yellow;
	visibility: visible;
	width: 700px;
	margin: auto;
	height: 600px;
}
.Header {
	background-color: Blue;
	visibility: visible;
	width: 900px;
	height: 100px;
	margin: auto;
}

.Left {
	background-color: Red;
	visibility: visible;
	margin-left: -100px;
	width: 100px;
	height: 600px;
}

.Right {
	background-color: Pink;
	visibility: visible;
	margin-right: -100px;
	float: right;
	width: 100px;
	height: 600px;
	margin-top: -600px;
}

Anders nog iets? :p
 
mischien later nog:D
kep ook even de rot zooi uit men code gehaald
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan