Hi all,
I was trying to get this with divs and css, but I was advice to do it with JQuery and tables instead.
The case is that I am trying to make a two rows table with 5 cells in first row and 4 on second.
When you click on one of the inside of the cells on the top, that cell will span the row and change background-image, taking the correspondent space between the cells bellow.
Default state.
<table>
<tr>
<td><a href="#" rowspan="2"/>1</td>
<td><a href="#"/>2</td>
<td><a href="#"/>3</td>
<td><a href="#"/>4</td>
<td><a href="#"/>5</td>
</tr>
<tr>
<td><a href="#"/>6</td>
<td><a href="#"/>7</td>
<td><a href="#"/>8</td>
<td><a href="#"/>9</td>
</tr>
how should it look by default
______________________________________
| |_______|_______|______|______|
|______|_______|_______|______|______|
how should it look if any of second row is selected.
______________________________________
|______|_______|________|______|______|
|_______|_______|________|_______|
What I am trying to do its a two row tab menu so when the user select any tab from the first row the image of the tab will e get longer, taking the space of the missing cell bellow.
Sorry to all, of course if it is a lot of work do not bother, I don't know how much work this would involve as I don't know anything about JQuery, thanks anyway for looking.
Thanks for any help.
Cesar.
I am in a rush to get this done and if I stop to learn JQuery now I may get told off, that is why I am looking for a quick solution ( I know it sounds terrible, but I can spend the time right now)