[Solved] How can I convert this table to DIV’s? [closed]


Ignoring the fact that I also think this is a fairly poor question and might very well just be “a thinly veiled request to get somebody else to do the work” (as @meagar put it) it is easy enough to answer. Also, as @Pekka already mentioned, its best to use tables for tabular data.

HTML

<div class="OverviewContainer">
    <a class="OverviewPicture" href="https://stackoverflow.com/questions/13991991/Chili.html">
        <img src="Images/Landen/Chili.gif" alt="Chili">
    </a>
    <a class="OverviewText" href="https://stackoverflow.com/questions/13991991/Chili.html">Chili</a>
</div>

<div class="OverviewContainer">
    <a class="OverviewPicture" href="Australie.html">
        <img src="Images/Landen/Australie.gif" alt="Australie">
    </a>
    <a class="OverviewText" href="Australie.html">Australië</a>
</div>

<div class="OverviewContainer">
    <a class="OverviewPicture" href="Italie.html">
        <img src="Images/Landen/Italie.gif" alt="Italië">
    </a>
    <a class="OverviewText" href="Italie.html">Italië</a>
</div>

CSS

.OverviewContainer{
    float: left;
    overflow: hidden;
    margin-right: 5px;
}

.OverviewPicture{
    width: 100px;
}

.OverviewText{
    display: block;
    margin-top: 10px;
}​

1

solved How can I convert this table to DIV’s? [closed]