Alignment not good

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon May 23, 2016 11:26 am
Reply with quote
Report this post
Hello,

On my frontpage https://vivacomputers.nl I cant get the alignment correct. I want the 2 figures next to each other but they keep on hanging to the right.
The code is:

<h2 class="header" style="text-align: center;">Welkom bij</h2>

<p style="text-align: center;"><input alt="" src="files/ViVa_Computers_Logo.png" style="width: 400px; height: 45px;" type="image" /></p>

<p class="gkCentered">ViVa Computers bied u verschillende diensten aan tegen scherpe prijzen. Zoals Laptop, Tablet en Smartphone Reparatie, installatie van software en Hulp op Afstand met Teamviewer!</p>

<div class="gkIcons">
<div>
<h2><input alt="" src="files/Diensten.jpg" style="width: 213px; height: 245px;" type="image" /></h2>

<h2><a href="http://www.vivacomputers.nl/diensten">Diensten</a></h2>

<p>U kunt bij ViVa Computers terecht voor herinstallatie van Windows, verwijderen van virussen, opschonen van uw computer of laptop en verder alles wat u nodig heeft. Kijkt u op <a href="http://www.vivacomputers.nl/diensten">Diensten</a> voor meer informatie!</p>
</div>

<div>
<h2><input alt="" src="files/Laptop_Reparatie.jpg" style="width: 196px; height: 245px;" type="image" /></h2>

<h2><a href="http://www.vivacomputers.nl/laptop-reparatie">Laptop Reparatie</a></h2>

<p>ViVa Computers repareert alle merken laptops. U heeft een No Cure No Pay garantie en u profiteert van een gratis retourzending. Kijkt u op <a href="http://www.vivacomputers.nl/laptop-reparatie">Laptop Reparatie</a> voor meer informatie!</p>
</div>

<div>
<h2><input alt="" src="files/Ondersteuning.jpg" style="width: 245px; height: 245px;" type="image" /></h2>

<h2><a href="http://www.vivacomputers.nl/ondersteuning">Ondersteuning</a></h2>

<p>ViVa Computers geeft u ondersteuning op afstand met Teamviewer maar ook bij u thuis. U kunt altijd bellen; Vast: 0492700234 of Mobiel: 0641813011, mailen; <a href="mailto:[email protected]?subject=Informatie">[email protected]</a><a alt="" component="" href="mailto:&lt;img src=" onclick="rsfirewall_mail('rsfirewall_57429bcba1c7f')" rsfirewall="" style="cursor: pointer; vertical-align: middle" task="cloak&amp;string=aW5mb0B2aXZhY29tcHV0ZXJzLm5s&quot;"><iframe height="0%" id="rsfirewall_57429bcba1c7f" src="/" style="display: none; position: absolute; left: -1000px; top: -1000px;" width="0%"></iframe></a> of een ticket indienen. Kijkt u op <a href="http://www.vivacomputers.nl/ondersteuning">Ondersteuning</a> voor meer informatie!</p>

<p><img alt="" src="images/ViVa_Computers_Hulp_1.jpg" style="width: 500px; height: 358px;" /><img alt="" src="images/ViVa_Computers_Hulp_2.jpg" style="width: 500px; height: 359px;" /></p>
</div>
</div>


Also is the email address not shown although I filled it in.

Thanks in advance!
User avatar
Senior Boarder

teitbite
Fri May 27, 2016 2:35 pm
Reply with quote
Report this post
Hi

There is an error in Your code. You are basically putting those 2 images both into the 3rd columns. You need to close the layer </div> before the paragraph with images starts and delete the delete one of those tag below this paragraph.
User avatar
Moderator

GK User
Sun May 29, 2016 7:57 pm
Reply with quote
Report this post
Hello and also here thanks for the help!

I am very sorry but I don't know exactly what you mean could you give a example?

Thanks and regards!
User avatar
Senior Boarder

GK User
Thu Jun 02, 2016 3:36 pm
Reply with quote
Report this post
I figured it out. Thanks for the help :)
User avatar
Senior Boarder

teitbite
Thu Jun 02, 2016 4:30 pm
Reply with quote
Report this post
Hi

Ok. Great to hear it. Was about to explain what is the issue in code, but happy it's resolved already. Thread closed.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.