Hi, I am new to the forum (at least I signed up after reading some time here) and just re-started building a website from scratch. Some time ago I was busy with Html and CSS. My idea is to set up a page which working well and structured well before I try to change it into proper Html5. By doing so, I learn the differences.
But ok, first issue I cannot figure out is why a <a href="" title="">text</a>
is working at one part of the website, but in a different div (section) it is not doing any (even the mouse not change into a hand hovering the link).
Here the html:
<div id="contentleft">
<h2>lorum ipsum</h2>
<p>lorum ipsum.</p>
<p style="margin-bottom:40px;">As your<strong> DMC (Destination Management Company)</strong> we provide tailormade Incentive solutions and business
travel options.</p>
</div>
<div class="equaliser"></div>
<div class="prodrow">
<div class="box">
<h2>lorum ipsum</h2>
<img src="aa.jpg" width="250" height="150" alt="" title=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Philosophi autem in suis lectulis plerumque moriuntur. Istic sum, inquit. Sed quid ages tandem, si utilitas ab amicitia, ut fit saepe, defecerit? </p>
<p><a href="" title="">lorum ipsum</a></p>
</div>
<div class="box">
<h2>lorum ipsum</h2>
<img src="bb.jpg" width="250" height="150" alt="" title=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Philosophi autem in suis lectulis plerumque moriuntur. Istic sum, inquit. Sed quid ages tandem, si utilitas ab amicitia, ut fit saepe, defecerit? </p>
<p><a href="">lorum ipsum</a></p>
</div>
<div class="box rght">
<h2>lorum ipsum</h2>
<img src="cc.jpg" width="250" height="150" alt="" title=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Philosophi autem in suis lectulis plerumque moriuntur. Istic sum, inquit. Sed quid ages tandem, si utilitas ab amicitia, ut fit saepe, defecerit? </p>
<p><a href="" title="">Nile cruises</a></p>
</div>
<div class="box">
<h2>v</h2>
<img src="dd.jpg" width="250" height="150" alt="" title=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Philosophi autem in suis lectulis plerumque moriuntur. Istic sum, inquit. Sed quid ages tandem, si utilitas ab amicitia, ut fit saepe, defecerit? </p>
<p><a href="" title="">lorum ipsum</a></p>
</div>
<div class="box">
<h2>lorum ipsum</h2>
<img src="ee.jpg" width="250" height="150" alt="" title=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Philosophi autem in suis lectulis plerumque moriuntur. Istic sum, inquit. Sed quid ages tandem, si utilitas ab amicitia, ut fit saepe, defecerit? </p>
<p><a href="" title="">lorum ipsum</a></p>
</div>
<div class="box rght">
<h2>lorum ipsum</h2>
<img src="ff.jpg" width="250" height="150" alt="" title=""/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Philosophi autem in suis lectulis plerumque moriuntur. Istic sum, inquit. Sed quid ages tandem, si utilitas ab amicitia, ut fit saepe, defecerit? </p>
<p><a href="" title="">lorum ipsum</a></p>
</div>
</div>
The CSS:
.box { float:left;border: 0; width:250px; margin-right:8px; background:#FBFFEC;}
.prodrow{float:left; background:#FBFFEC;}
.prodrow div.rght{margin:0; width:250px; border:none;}
The working part:
<div id="contentleft">
<h2>text</h2>
<p>text <a href="" title="">other text</a> more text </p>
</div>
The navigation at top of page is working as well.
Hope the above is enough information to bring me back on track.
Thanks
Dirk