Foto's

Status
Niet open voor verdere reacties.

Hrdstyl3r

Gebruiker
Lid geworden
24 apr 2007
Berichten
129
Hallo,

Ik ben bezig met een website en hij is bijna klaar, ik moet alleen nog foto's erbij zetten.
Maar nu wil mij dat niet lukken.

Ik wil graag 2 foto's naast elkaar met bij elke foto wat tekst
en daaronder moeten weer 2 foto's komen enz.
Ik heb de indeling van de site even gepaint..

 
"Bijna klaar", dus je hebt vast wel broncode / een live voorbeeld?

Wat gaat er verkeerd dan? Je hebt het alleen over hetgeen je wilt. Niet wat er fout gaat...

Om de tekst er juist onder te krijgen kun je gebruik maken van een tabel.
 
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welkom bij van der Scheun!</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.stijl1 {color: #000000}
.stijl2 {color: #333333}
-->
</style>
</head>
<body>
<div id="header">
  <h1>&nbsp;</h1>
</div>
<div id="content">
<div id="colOne">
		<h2>Menu</h2>
		<ul>
			<li><a href="index.htm" accesskey="1" title="">Home</a></li>
			<li><a href="index2.htm" accesskey="2" title="">Producten </a></li>
		  <li><a href="index3.htm" accesskey="3" title="">Aanbiedingen</a></li>
		  <li><a href="index4.htm" accesskey="4" title="">Over ons</a></li>
		  <li><a href="index5.htm" accesskey="5" title="">Contact/Bestellen</a></li>
	</ul>
		<h2>&nbsp;</h2>
  </div>
	<div id="colFour">
		<h2 align="center">Producten</h2>
		<p><br />Wij hebben altijd een groot assortiment levensmiddelen, varierend van batterijen tot aan waspoeder.Hieronder ziet u een kleine greep uit ons assortiment. </p>
	  <p class="stijl1">&nbsp;</p>
	  <p align="left">&nbsp;</p>
	  <p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
		<p align="left">&nbsp;</p>
  </div>
  <div style="clear: both;">&nbsp;</div>
</div>
<div id="footer">
	<p>Site designed and made by <a href="mailto:ben_lukje@live.nl">Ben Lukje</a><a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets"></abbr></a></p>
</div>
</body>
</html>

Dit is wat ik als standaard site gebruik, van hieruit heb ik elke pagina gebouwd..
Maar het probleem is dus dat ik geen 2 foto's naast elkaar krijg, ik krijg er maar 1.
Het is ook zo dat ik de eerste foto netjes naas het menu krijg, maar de volgende foto gaat gelijk onder het menu..
 
Live voorbeeld?

Wellicht gaat er wat mis met een float.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan