hoe krijg ik dat witte vlak weg?

Status
Niet open voor verdere reacties.
F

fcgrunn

Gebruiker
Lid geworden
2 nov 2004
Berichten
509
Ik heb een bestaande website van een kameraad, die is nu niet bereikbaar, dus kan hem niet vragen. Deze wil ik aanpassen alleen zit met een probleempje....Op elke pagina zat er een menutje aan de linkerkant zie voorbeeld, sommige pagina's heb ik aangepast, waar ik geen menu in wil hebben zegmaar, daar moet gewoon alleen tekst komen, maar nu krijg ik een div niet weg, zodat de tekst helemaal naar links gaat zie voorbeeld als ik de div weghaal, die weg moet dan gebeurd er verder niks.

Hoe verander ik dit? Hieronder staat de code:

HTML: 
<html>
<head>
<title>Welkom op Lainsterhoeve.nl</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
	<div id="bg">
	<div id="container">

		<a href="index-2.html" id="cursor"><div id="headerfiets"></a>
			<div id="navcontainer1">
				<ul id="navlist1">
					<li><a href="interactief.html">Interactief</a></li>
					<li><a href="contact.html">Contact</a></li>
					<li><a href="dieren.html">Dieren</a></li>
					<li><a href="tekoop.html">Te Koop</a></li>
					<li><a href="kinderen.html">Kinderhoekje</a></li>
					<li><a href="fotos.html">Foto's</a></li>
					<li><a href="hetverhaal.html">Het Verhaal</a></li>
					<li><a href="agenda.html">Agenda</a></li>
					<li><a href="nieuws.html">Nieuws</a></li>
					<li><a href="index-2.html">Home</a></li>
				</ul>
		 	</div>
		</div>

		<div id="content">
		<div id="linkscontent">
		
			<ul id="menulinks">
			<span class="banner"><img src="images/menuboven.jpg" alt="Streep" id="banner2"/></span><br><br>
				<li class="boven"><a href="toeristisch.html">Toeristisch</a></li>
				<li class="onder"><a href="steden.html">&nbsp;&nbsp;&nbsp;&nbsp;Steden</a></li>
				<li class="onder"><a href="natuur.html">&nbsp;&nbsp;&nbsp;&nbsp;Natuur</a></li>
				<li class="boven"><a href="sportief.html">Sportief</a></li>
				<li class="onder"><a href="mountainbike.html">&nbsp;&nbsp;&nbsp;&nbsp;Mountainbike</a></li>
				<li class="onder"><a href="wielrennen.html">&nbsp;&nbsp;&nbsp;&nbsp;Wielrennen</a></li>
			<span class="banner"><img src="images/menuboven.jpg" alt="Streep" id="banner2"/></span>
			</ul>
			
		</div>


		<div id="rechtscontent">
			<span class="banner"><img src="images/streep3.jpg" alt="Streep" id="banner"/></span><br>
			<a href="index-2.html">Home</a> > <a href="fotos.html"><u>Foto's</u></a>
				<h1><br>Foto's</h1>
				<p>
				<br><br>
				Hier komen de foto's
				</p>
			<span class="banner"><img src="images/streep3.jpg" alt="Streep" id="banner"/></span>	  
 		</div>
		</div>

		<div id="footer">
			<div id="textfooter">
				Lainsterhoeve &copy;&nbsp;&nbsp;  &bull;&nbsp; &nbsp; Wilhelminastraat 26  &nbsp;&nbsp;&bull;&nbsp;&nbsp;  9965 PP  Leens &nbsp;&nbsp;&bull;&nbsp;&nbsp; Tel.:(0559) 57 24 34  &nbsp;&nbsp;&bull;&nbsp;&nbsp;  E-mail: <a href="mailto:info@lainsterhoeve.nl">info@lainsterhoeve.nl</a>
			</div>
		</div>
		
	</div>
	</div>
	
</body>
</html>



[Moderator-Edit] Html-tag geplaatst. [/Edit]
 
Laatst bewerkt door een moderator:
Aangezien de site is opgebouwd met CSS moet je het bestand style.css openen en hier op zoek gaan naar rechtscontent.

Als je de code die daar bij staat hier zou willen plaatsen dan kunnen wij kijken wat je moet wijzigen (Waarschijnlijk iets van margin of padding)
 
Tha Devil zei:
Aangezien de site is opgebouwd met CSS moet je het bestand style.css openen en hier op zoek gaan naar rechtscontent.

Als je de code die daar bij staat hier zou willen plaatsen dan kunnen wij kijken wat je moet wijzigen (Waarschijnlijk iets van margin of padding)
Klik om te vergroten...

hieronder de code van rechtscontent

HTML: 
#rechtscontent {
	position:relative;
	width: 530px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	float: right;
	margin: 20px 20px 50px 20px;
}

Er zijn nog wel een aantal pagina's waar aan de linkerkant nog wel een menu staat zegmaar, hier moet ook rekening mee gehouden worden.
 
Laatst bewerkt:
van de bovenstaande code kun je de margin op bijvoorbeeld 0px 0px 0px 0px zetten.

Speel een beetje met de waardes tot je tot een tevreden resultaat komt :thumb:

Je zou evt ook nog de float weg kunnen halen die geeft aan dat het zeg maar aan de rechterkan moet "zweven".
 
Tha Devil zei:
van de bovenstaande code kun je de margin op bijvoorbeeld 0px 0px 0px 0px zetten.

Speel een beetje met de waardes tot je tot een tevreden resultaat komt :thumb:

Je zou evt ook nog de float weg kunnen halen die geeft aan dat het zeg maar aan de rechterkan moet "zweven".
Klik om te vergroten...

Ik heb de float weggehaald en toen was het goed.
Ik heb even een extra rechtercontent geplaatst in de css (rechtercontent2), want als ik die ene aan ging passen, gingen alle pagina's mee, dit was niet de bedoeling.

Maar het is allemaal klaar zo.

Thnx:D :thumb:

Nu had ik nog 1 vraag:

Zouden jullie mij ook kunnen helpen bij deze vraag:
deze vraag
 
Laatst bewerkt:
Mooi dat het gelukt is, zou je de status van de vraag op opgelost willen zetten. Alvast bedankt :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan