scroll probleem

Kleine opmerking:
in main.css staat de volgende code (regel 450):

#footer .inner a {
  display: inline-block;
  height: 55px;
  width: 65px;
  background: url("../_images/_global/social-icons.png") 0 0 no-repeat;
  background-size: 200px 114px;
  text-indent: -99999px;
}

Zou je de height niet naar 56px doen? ( de social icons, zijn nu niet helemaal rond, de onderkant wordt afgesneden als je goed kijkt )

Antwoord voor je probleem met de "divjes/uitlijning" --> in main.css bestaat het ID hagelschade niet, je hebt deze wel voor anderen aangemaakt...

Ergens doe ik iets verkeerd bij vereiken.com sectie somfy, daar waar ik de rubriek terras erbij zet, de extra container benoem naar terras en terras aanmaak in de main daar lijnen de iconen in de footer niet meer uit, zodra ik de onderste container hernoem naar terras daar gaat het fout.
Zal wel weer een erg dom klein iets zijn.

In je main.css gebruik je nu (als voorbeeld genomen):

#somfy#left-content img {

Dit moet zijn

#somfy #left-content img {

...gelet op de spatie.

Dit verklaart ook waarom terras nu niet werkt ;-)
Succes met nalopen :)

Alles aangepast Elmar, thnx weer voor de voortreffelijke hulp.
Nu heb ik de volgende wens, bij vereiken.com sectie Somfy/brochures heb ik een groot aantal brochures toegevoegd(thumbs met pdf erachter) het lijkt mij beter om nu de thumbs netjes te verdelen in de linkersectie vd pagina (bijv. 3 naast elkaar en dan weer een rij eronder en daar weer onder naar gelang het aantal) en dan met een hoover de beschrijving vd folder te geven. Voordat ik weer alles door elkaar gooi vraag ik liever even wat advies.

Aangezien je geen bootstrap gebruikt, kun je zoiets gebruiken in je CSS:

.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }

en dan pas je deze zo toe:

<div class="column-left">Links (rij 1)</div>
<div class="column-center">Midden (rij 1)</div>
<div class="column-right">Rechts (rij 1)</div>

<div class="column-left">Links (rij 2)</div>
<div class="column-center">Midden (rij 2)</div>
<div class="column-right">Rechts (rij 2)</div>

Thnx Elmar, maar dit gaat mijn niveau te boven, ik snap de bedoeling maar zie niet waar dit nu te editen. moet ik deze regels gewoon in de main zetten of moet ik mijn 'brochure' regels aanpassen?

Allereerst iedereen de beste wensen! Iemand nog een tip voor mij hoe nu de thumbs netjes in rijen en kolommen te krijgen?

ik zit ook nog met een ander probleem;
Daar waar ik bijv op een iphone kijk op al de sites waar ik dit script gebruik staat de tekst en de footer steeds door elkaar, dit kan ik oplossen door in de html al de containers te hernoemen naar home (maar dan werkt de scroll natuurlijk weer niet!) dan lijnt alles perfect uit.
Maar daar waar ik een container bijv. inzet noem of somfy dan staat de footer ineens door de tekst en ook de tekst staat op een aparte plaats waar deze niet thuis hoort. dit is oa. bij vereiken.com/horren maar ook bij zonweringcentrale.nl/raamdecoraties. eigenlijk is er bijna geen sectie te vinden waar dit nu niet voorkomt
Thnx alvast

[size=xsmall]Toevoeging op 01/01/2017 20:04:48:[/size]

Het andere probleem heb ik al getackeld haha, ik miste onderaan in de mai nog de volgende regels. #somfy, #wovenwood, e.d.

Allereerst: de beste wensen!


Dit zet je in main.css:

.column-left{ float: left; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; } 

En dit stukje code:

<div class="column-left">Links (rij 1)</div>
<div class="column-center">Midden (rij 1)</div>
<div class="column-right">Rechts (rij 1)</div>

<div class="column-left">Links (rij 2)</div>
<div class="column-center">Midden (rij 2)</div>
<div class="column-right">Rechts (rij 2)</div> 

kun je toepassen in je HTML pagina's.

Bijvoorbeeld zo:

<section id="brochure"  class="t1Container">
	<div class="fifty-split" id="left-content">
		<div class="column-left"><a href="_images/Somfy RS100.pdf" target="_blank"><img alt="" src="_images/TAHOMA.jpg" style="width: 100px; height: 141px;"></a></div>
		<div class="column-center"><a href="_images/Vereiken Somfy CONNEXOON.pdf" target="_blank"><img alt="" src="_images/CONNEXOON.png" style="width: 100px; height: 141px;"></a></div>
		<div class="column-right"><a href="_images/Vereiken Somfy rolluik folder.pdf" target="_blank"><img alt="" src="_images/rolluik.jpg" style="width: 100px; height: 141px;"></a></div>

		<div class="column-left"><a href="_images/Vereiken Somfy terrasverlichtingbalk.pdf" target="_blank"><img alt="" src="_images/verlichting.jpg" style="width: 100px; height: 141px;"></a></div>
		<div class="column-center"><a href="_images/Vereiken Somfy draadloze bediening zonwering.pdf" target="_blank"><img alt="" src="_images/zonwering.jpg" style="width: 100px; height: 141px;"></a></div>
		<div class="column-right"><a href="_images/Vereiken Somfy chronis io.pdf" target="_blank"><img alt="" src="_images/chronis.jpg" style="width: 100px; height: 141px;"></a></div>

		<!-- en dan hier herhaal je dat voor de overige afbeeldingen :-) -->
	</div>
	<div class="fifty-split" id="right-content">
		<!-- Hier je gebruikelijke code -->
	</div>
</section>

En je tweede "probleem":
Je CSS is een rommeltje :P, het verschil met ID's en CLASSES begrijp je nog niet goed.
Simpel vertaald: ID's gebruik je maar 1 keer op een pagina en CLASSES kun je meerdere keren gebruiken op je pagina.

Om je een idee te geven, je hebt de volgende code met classes:

<style>
.rood {color:red;}
.blauw{color:blue;}
</style>
<a href="linkje.html" class="rood">ik ben een rood linkje<a/>
<a href="linkje.html" class="blauw">ik ben een blauw linkje<a/>
<a href="linkje.html" class="rood">ik ben ook rood<a/>

Zoals je ziet, ik "hergebruik" de class "rood".

Uiteraard kun je ook ID's gebruiken zoals je nu doet:

<style>
#rood {color:red;}
#blauw{color:blue;}
</style>
<a href="linkje.html" id="rood">ik ben een rood linkje<a/>
<a href="linkje.html" id="blauw">ik ben een blauw linkje<a/>
<a href="linkje.html" id="rood">ik ben ook rood, maar ben niet valide. een ID hoor je maar 1 keer te gebruiken en dat wil soms nog wel eens botsen.<a/>

Om je een "totale uitleg" mee te geven, lees dan eerst dit eens:
http://www.handleidinghtml.nl/css/selectors/selectors04.html

Thnx wederom Elmar, heb de main en de Html aangepast, kolommen staan erin alleen de uitlijning is nu niet goed!
Met het zooitje in de main ga ik direct aan de slag, ik weet dat het een rommeltje is. haha

en met de uitlijning bedoel je...?