6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)
  • Q:
    Bijdrager
    TheDutch90sKid

    website hulp (html/css)

    hallo,

    Ik ben bezig met een website te maken. Gewoon een simpele site zonder al teveel poespas…
    Heb op internet een leuke template gevonden (mijn kennis is zeer oppervlakkig als het op site’s maken aan komt, en ben deze naar eigen smaak aan het veranderen..

    Nu heb ik 1 probleem, in de template staan per pagina 3 grijze vakken (onder elkaar) waar de tekst op komt. Maar als ik precies dezeflde html code kopieer (html code van het grijze vakje) dan kom hij naast de eerste, ipv onder de rest, terwijl de code van (alle 3) precies het zelfde zijn!

    op verzoek kan ik het html bestandje + css bestandje en de afbeeldingen sturen voor degene die er even naar wilt kijken!

    HTML code:

    <br />
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p>
    <p><html xmlns="http://www.w3.org/1999/xhtml"><br />
    <head><br />
    <meta name="keywords" content="Optique Labruyere staat voor service en kwaliteit. U vindt bij ons naast Brillen, zonnebrillen en contact lenzen ook een ruim aanbod in kinder brillen." /><br />
    <meta name="description" content="alle informatie over Brillen, kinderbrillen, zonnebrillen, sportbrillen, veiligheidsbrillen, contactlenzen, contactlenzen op maat, langedijk, noord-scharwoude, zuid scharwoude, zuid-scharwoude, noord scharwoude, bol, langedijk, broek op langedijk, oudkarspel, heerhugowaard, sint pancras, st pancras, st. pancras, waarland, 't veld, warmehuizen, tuijtjehoorn" /><br />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
    <title>Optique Labruyere</title><br />
    <link href="style.css" rel="stylesheet" type="text/css" media="screen" /><br />
    </head><br />
    <body><br />
    <div id="wrapper"><br />
    	<div id="header"><br />
    		<div id="logo"><br />
    			<h1><a href="#"><STYLE="text-transform: capitalize;">Optique Labruyere</style></a></h1><br />
    			</div><br />
    		</div><br />
    	<!-- end #header --><br />
    	<div id="menu"></p>
    <ul>
    			<li class="index.html"><a href="index.html">Home</a></p>
    <li><a href="brillen.html">Brillen &nbsp;&nbsp;Zonnebrillen<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;kinderbrillen</a></li>
    <li><a href="lenzen.html">Lenzen</a></li>
    <li><a href="verzekering.html">Verzekering</a></li>
    <li><a href="Garantie.html">Garantie</a></li>
    <li><a href="contactinformatie.html">Contact informatie</a></li>
    </ul>
    <p>	</div><br />
    	<!-- end #menu --><br />
    	<div id="page"><br />
    	  <div id="content"><br />
    			<div class="post"><br />
    				<div class="bg1"><br />
    					<div class="bg2"><br />
    						<div class="bg3"><br />
    							<h2 class="title"><a href="#">Garantie op het montuur</a></h2><br />
    							<div class="entry"><br />
                                  <div align="left"><br />
    								Op alle door Optique Labruyere geleverde monturen geldt een <strong>fabrieksgarantie van 1.5 jaar</strong>. Deze garantie geldt voor: loslaten van lak- of doublé lagen, soldeerbreuken en andere fabricagefouten. </p>
    <p>Naast de fabrieksgarantie geldt een <strong>serviceregeling</strong> op het montuur gedurende twee jaar, op andere dan fabricagefouten en bij ongelukjes. In het eerste jaar wordt een korting van 50% gegeven op montuur of montuuronderdelen. In het tweede jaar wordt een korting van 25% gegeven op montuur of montuuronderdelen. Dit dus voor zover dit niet onder de fabrieksgarantie valt.</p>
    <p>Mocht er een verschil van mening ontstaan over de fabrieksgarantie, dan is het ten allen tijde mogelijk een montuur op te (laten) sturen naar de betreffende fabrikant of importeur.De hier mee gepaard gaande portokosten neemt Optique Labruyere voor zijn rekening. Mocht hier dan nog geen acceptabele oplossing uit voortvloeien, dan kan een klacht voorgelegd worden bij de geschillencommisie van het NUVO.</p>
    <p></p>
    <p>                              </div><br />
                                </div><br />
    						</div><br />
    					</div><br />
    				</div><br />
    			</div><br />
    			<div class="post"><br />
    				<div class="bg1"><br />
    					<div class="bg2"><br />
    						<div class="bg3"><br />
    							<h2 class="title"><a href="#">Garantie op het glas</a></h2><br />
    							<div class="entry"><br />
    							  <div align="left">Op alle door Optique Labruyere  geleverde brilleglazen geldt een <strong>fabrieksgarantie van 1.5 jaar</strong>. Deze  garantie geldt voor: loslaten van coatingen of anti-kraslagen,  verkleuringen en andere fabricagefouten.</p>
    <p>							  Naast de fabrieksgarantie geldt  een <strong>serviceregeling</strong> op de glazen gedurende twee jaar, op andere dan  fabricagefouten en bij ongelukjes. In het eerste jaar wordt een korting  van 50% gegeven op vervangende glazen. In het tweede jaar wordt een  korting van 25% gegeven op vervangende brilleglazen. Dit dus voor zover  dit niet onder de fabrieksgarantie valt. </p>
    <p>							  Mocht er een verschil van  mening ontstaan over de fabrieksgarantie, dan is het ten allen tijde  mogelijk de glazen op te (laten) sturen naar de betreffende fabrikant of  importeur. De hier mee gepaard gaande portokosten neemt Optique  Labruyere voor zijn rekening. Mocht hier dan nog geen acceptabele  oplossing uit voortvloeien, dan kan een klacht voorgelegd worden bij de  geschillencommisie van het NUVO.</p>
    <p>							  Naast de garantie op  fabricagefouten geldt op alle multi-en bifocale glazen een  "<strong>tevredenheidsgarantie</strong>". Mocht het wennen aan een multifocale of  bifocale bril problemen geven, dan geldt gedurende een periode van 6  maanden de mogelijkheid om glazen te retourneren. Samen zoeken we dan  naar een andere passende oplossing. Hier zijn verder geen nadere  voorwaarden aan verbonden, behalve dat de oorspronkelijke glazen retour  worden genomen. Deze moeten terug naar de fabrikant.<br />
                                  </div><br />
    							  <p>&nbsp;</p><br />
    							</div><br />
    						</div><br />
    					</div><br />
    				</div><br />
    			</div><br />
    		<div class="post"><br />
    				<div class="bg1"><br />
    					<div class="bg2"><br />
    						<div class="bg3"><br />
    							<h2 class="title"><a href="#">Garantie op Lenzen </a></h2><br />
    							<div class="entry"> Garantie op productiefouten aan  contactlenzen worden door Optique Labruyere vergoed, door omruilen of  naleveren van vergelijkbare lenzen. In de meeste gevallen gaat het hier  dus om fabrieksgarantie. Dit kan inhouden dat de lens of lenzen  teruggestuurd dienen te worden naar de leverancier, ter beoordeling. De  hier mee gepaard gaande portokosten neemt Optique Labruyere voor zijn  rekening. </p>
    <p>							  Op alle nieuwe  lensaanpassingen  geldt een proefperiode van twee maanden. Bij teruggave van de  lenzen  binnen deze proefperiode wordt een eigen risico van 20% op de   aanschafprijs berekend. Omruilen of veranderen van lenstype binnen deze   proefperiode is ook mogelijk. Er wordt dan geen eigen risico berekend.   Prijsverschillen die door het ruilen ontstaan, bij verandering van  lenstype,  worden verrekend.</p>
    <p>							  Optique Labruyere heeft  een  gespecialiseerde contactlenspraktijk. Alle contactlensaanpassingen  worden  met de grootst mogelijke zorgvuldigheid uitgevoerd. Door  geregelde bijscholing  wordt het niveau zo hoog mogelijk gehouden. Aan  nalevering of losse bestelling  van lenzen, waarbij geen aanpassing is  gedaan door Optique Labruyere, kan door  Optique Labruyere geen enkele  garantie worden verleend. Ook is Optique  Labruyere op geen enkele wijze  aansprakelijk voor het ontstaan van problemen,  oogafwijkingen en/of  andere oogaandoeningen die uit deze leveringen  voortvloeien.<br />
    <p>&nbsp;</p><br />
    							</div><br />
    						</div><br />
    					</div><br />
    				</div><br />
    			</div><br />
    	  </div></p>
    <p>	  <!-- end #content --><br />
    		<div id="sidebar"></p>
    <ul>
    <li>
    					<h2></h2></p>
    <p>			<p><FONT COLOR="#171a4f"><strong>Dorpsstraat 575a<br />1723 HB Noord-Scharwoude<br /> 0226-340058 <a href="mailto:[email protected]">[email protected]</a></strong></p>
    				</li>
    <li>
    					<h2>Categories</h2></p>
    <ul>
    <li><a href="#">Aliquam libero</a></li>
    <li><a href="#">Consectetuer adipiscing elit</a></li>
    <li><a href="#">Metus aliquam pellentesque</a></li>
    <li><a href="#">Suspendisse iaculis mauris</a></li>
    <li><a href="#">Urnanet non molestie semper</a></li>
    <li><a href="#">Proin gravida orci porttitor</a></li>
    </ul>
    </li>
    <li>
    					<h2>Blogroll</h2></p>
    <ul>
    <li><a href="#">Aliquam libero</a></li>
    <li><a href="#">Consectetuer adipiscing elit</a></li>
    <li><a href="#">Metus aliquam pellentesque</a></li>
    <li><a href="#">Suspendisse iaculis mauris</a></li>
    <li><a href="#">Urnanet non molestie semper</a></li>
    <li><a href="#">Proin gravida orci porttitor</a></li>
    </ul>
    </li>
    <li>
    					<h2>Archives</h2></p>
    <ul>
    <li><a href="#">Aliquam libero</a></li>
    <li><a href="#">Consectetuer adipiscing elit</a></li>
    <li><a href="#">Proin gravida orci porttitor</a></li>
    </ul>
    </li>
    </ul>
    <p>	  </div><br />
    		<!-- end #sidebar --><br />
    		<div style="clear: both;">&nbsp;</div><br />
    	</div><br />
    	<!-- end #page --><br />
    </div><br />
    <div id="footer-wrapper"><br />
    	<div id="footer"><br />
    		<p>Copyright (c) 2011 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org">FCT</a></p><br />
    	</div><br />
    	<!-- end #footer --><br />
    </div><br />
    </body><br />
    </html></p>
    <p>

    CSS code:

    <br />
    body {<br />
    	margin: 0;<br />
    	padding: 0;<br />
    	background: #696969 url(images/img01.jpg) repeat-x left top;<br />
    	font-family: Arial, Helvetica, sans-serif;<br />
    	font-size: 14px;<br />
    	color: #19130D;<br />
    }</p>
    <p>h1, h2, h3 {<br />
    	margin: 0px;<br />
    	padding: 0px;<br />
    	text-transform: none;<br />
    	font-family: Arial, Helvetica, sans-serif;<br />
    	font-weight: normal;<br />
    	color: #171a4f;<br />
    }</p>
    <p>h1 {<br />
    	font-size: 2em;<br />
    }</p>
    <p>h2 {<br />
    	font-size: 1.8em;<br />
    }</p>
    <p>h3 {<br />
    	font-size: 1.6em;<br />
    }</p>
    <p>p, ul, ol {<br />
    	margin-top: 0;<br />
    	line-height: 180%;<br />
    }</p>
    <p>ul, ol {<br />
    }</p>
    <p>a {<br />
    	text-decoration: none;<br />
    	color: #171a4f;;<br />
    }</p>
    <p>a:hover {<br />
    }</p>
    <p>#wrapper {<br />
    	width: 960px;<br />
    	margin: 0 auto;<br />
    	padding: 0;<br />
    }</p>
    <p>/* Header */</p>
    <p>#header {<br />
    	width: 1000px;<br />
    	height: 94px;<br />
    	margin: 0 auto;<br />
    }</p>
    <p>/* Logo */</p>
    <p>#logo {<br />
    	float: left;<br />
    	height: 55px;<br />
    	margin: 0;<br />
    	padding-top: 10px;<br />
    	color: #FFFFFF;<br />
    }</p>
    <p>#logo h1, #logo p {<br />
    	margin: 0;<br />
    	padding: 0;<br />
    }</p>
    <p>#logo h1 {<br />
    	float: left;<br />
    	letter-spacing: -1px;<br />
    	text-transform: Capitalize;<br />
    	font-size: 4.6em;<br />
    	color: #FFFFFF;<br />
    }</p>
    <p>#logo p {<br />
    	float: left;<br />
    	margin: 0;<br />
    	padding: 30px 0 0 10px;<br />
    	font: normal 14px Georgia, "Times New Roman", Times, serif;<br />
    	font-style: italic;<br />
    } </p>
    <p>#logo a {<br />
    	border: none;<br />
    	background: none;<br />
    	text-decoration: none;<br />
    	color: #FFFFFF;<br />
    }</p>
    <p>/* Search */</p>
    <p>#search {<br />
    	float: right;<br />
    	width: 300px;<br />
    	height: 110px;<br />
    	padding: 0;<br />
    }</p>
    <p>#search form {<br />
    	height: 41px;<br />
    	margin: 0;<br />
    	padding: 50px 0 0 20px;<br />
    }</p>
    <p>#search fieldset {<br />
    	margin: 0;<br />
    	padding: 0;<br />
    	border: none;<br />
    }</p>
    <p>#search-text {<br />
    	width: 195px;<br />
    	padding: 5px 5px 4px 5px;<br />
    	border: 1px solid #DEDEDE;<br />
    	background: #FFFFFF;<br />
    	text-transform: lowercase;<br />
    	font: normal 11px Arial, Helvetica, sans-serif;<br />
    	color: #703522;<br />
    }</p>
    <p>#search-submit {<br />
    	width: 50px;<br />
    	height: 25px;<br />
    }</p>
    <p>/* Menu */</p>
    <p>#menu {<br />
    	width: 960px;<br />
    	height: 50px;<br />
    	margin: 0px auto;<br />
    	padding: 0px;<br />
    }</p>
    <p>#menu ul {<br />
    	padding: 0px;<br />
    	padding: 0px 0px 0px 0px;<br />
    	list-style: none;<br />
    	line-height: normal;<br />
    }</p>
    <p>#menu li {<br />
    	float: left;<br />
    }</p>
    <p>#menu a {<br />
    	display: block;<br />
    	margin-right: 3px;<br />
    	height: 35px;<br />
    	padding: 2px 30px 7px 30px;<br />
    	border: none;<br />
    	text-decoration: none;<br />
    	text-transform: uppercase;<br />
    	font-family: Arial, Helvetica, sans-serif;<br />
    	font-size: 12px;<br />
    	font-weight: normal;<br />
    	color: #211B15;<br />
    }</p>
    <p>#menu a:hover, #menu .current_page_item a {<br />
    }</p>
    <p>#menu .current_page_item a {<br />
    	padding-left: 0;<br />
    }</p>
    <p>#menu a:hover {<br />
    	text-decoration: underline;<br />
    }</p>
    <p>/* Page */</p>
    <p>#page {<br />
    	width: 1000px;<br />
    	margin: 0px auto;<br />
    	padding: 20px 0px 0px 0px;<br />
    }</p>
    <p>/* Content */</p>
    <p>#content {<br />
    	float: right;<br />
    	width: 710px;<br />
    	margin: 0px;<br />
    	padding: 0px;<br />
    }</p>
    <p>.post {<br />
    	margin-bottom: 25px;<br />
    }</p>
    <p>.post .title {<br />
    	padding: 30px 30px 0px 30px;<br />
    	letter-spacing: -1px;<br />
    	font-size: 38px;<br />
    	color: #003;<br />
    }</p>
    <p>.post .title a {<br />
    	border: none;<br />
    	color: #54040D;<br />
    }</p>
    <p>.post .meta {<br />
    	padding-bottom: 5px;<br />
    	text-align: left;<br />
    	font-family: Arial, Helvetica, sans-serif;<br />
    	font-size: 11px;<br />
    	font-style: italic;<br />
    }</p>
    <p>.post .meta a {<br />
    }</p>
    <p>.post .entry {<br />
    	padding: 0px 30px 20px 30px;<br />
    	padding-bottom: 20px;<br />
    	text-align: left;<br />
    }</p>
    <p>.links {<br />
    	display: block;<br />
    	width: 100px;<br />
    	height: 20px;<br />
    	margin-top: 20px;<br />
    	text-align: center;<br />
    	text-transform: uppercase;<br />
    	font-size: 10px;<br />
    	font-weight:  bold;<br />
    }</p>
    <p>/* Sidebar */</p>
    <p>#sidebar {<br />
    	float: left;<br />
    	width: 260px;<br />
    	margin: 0px;<br />
    	padding: 0px;<br />
    }</p>
    <p>#sidebar ul {<br />
    	padding: 0;<br />
    	list-style: none;<br />
    }</p>
    <p>#sidebar li {<br />
    	margin: 0;<br />
    	padding: 0;<br />
    }</p>
    <p>#sidebar li ul {<br />
    	margin-bottom: 30px;<br />
    	padding: 0px 20px 20px 0px;<br />
    }</p>
    <p>#sidebar li li {<br />
    	line-height: 35px;<br />
    	padding-left: 3px;<br />
    	background: url(images/img07.jpg) repeat-x left bottom;<br />
    }</p>
    <p>#sidebar li li span {<br />
    	display: block;<br />
    	margin-top: -20px;<br />
    	padding: 0;<br />
    	font-size: 11px;<br />
    	font-style: italic;<br />
    }</p>
    <p>#sidebar h2 {<br />
    	margin-bottom: 20px;<br />
    	padding: 12px 0px 0px 0px;<br />
    	letter-spacing: -1px;<br />
    	color: #FFFFFF;<br />
    }</p>
    <p>#sidebar p {<br />
    	margin: 0px 0px 20px 0px;<br />
    	padding: 10px 20px 20px 0px;<br />
    	text-align: justify;<br />
    	color: #FFFFFF;<br />
    }</p>
    <p>#sidebar a {<br />
    	color: #FFFFFF;<br />
    }</p>
    <p>#sidebar a:hover {<br />
    	text-decoration: underline;<br />
    }</p>
    <p>/* Calendar */</p>
    <p>#calendar {<br />
    }</p>
    <p>#calendar_wrap {<br />
    	padding: 20px;<br />
    }</p>
    <p>#calendar table {<br />
    	width: 100%;<br />
    }</p>
    <p>#calendar tbody td {<br />
    	text-align: center;<br />
    }</p>
    <p>#calendar #next {<br />
    	text-align: right;<br />
    }</p>
    <p>/* Footer */</p>
    <p>#footer-wrapper {<br />
    	height: 100px;<br />
    	background: url(images/img0111.gif) repeat-x left top;<br />
    }</p>
    <p>#footer {<br />
    	width: 1000px;<br />
    	height: 100px;<br />
    	margin: 0px auto;<br />
    	padding: 0px 0px;<br />
    	background: url() no-repeat left top;<br />
    	font-family: Arial, Helvetica, sans-serif;<br />
    }</p>
    <p>#footer p {<br />
    	margin: 0;<br />
    	padding-top: 40px;<br />
    	line-height: normal;<br />
    	text-align: center;<br />
    	text-transform: uppercase;<br />
    	font-size: 10px;<br />
    	color: #c7ddff;<br />
    }</p>
    <p>#footer a {<br />
    	font-weight: bold;<br />
    	color: #c7ddff;<br />
    }</p>
    <p>/* Background */</p>
    <p>.bg1 {<br />
    	background: url(images/img05.jpg) repeat-y left top;<br />
    }</p>
    <p>.bg2 {<br />
    	background: url(images/img04.jpg) no-repeat left top;<br />
    }</p>
    <p>.bg3 {<br />
    	background: url(images/img06.jpg) no-repeat left bottom;<br />
    }</p>
    <p>
    Bijdrager
    Koning Frank

    Je code is een grote rotzooi, ik kan er niks van maken. Overal staan <p> tags waar ze niet horen, er staat html in je .css file en alles staat door elkaar. Als ik hier wat van moet gaan maken is heel m’n middag weg.

    Bijdrager
    Hansi2124

    Daarnaast zitten in de gewone tekst al zoveel spelfouten, dat ik die website bij voorbaat al heel snel sluit…..

    Bijdrager
    SanderTreur

    Die <p> tags worden aangemaakt door de code functie van OMT, zie ik net..
    Ik heb je een bericht gestuurd..

    Geblokkeerd
    Bento
    Hansi2124 op 15 september 2012

    Daarnaast zitten in de gewone tekst al zoveel spelfouten, dat ik die website bij voorbaat al heel snel sluit…..

    Hoe sluit je een site bij voorbaat? En dan ook nog eens heel snel.

    Bijdrager
    Hansi2124

    Zoiets moet je zien; is niet uit te leggen in woorden.

6 berichten aan het bekijken - 1 tot 6 (van in totaal 6)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.