- This topic is empty.
May 7, 2015 at 3:16 pm #201818
I have a table with three collums and three rows.
In the table there is a link: more information.
By clicking I get this:
But I want this:
You can see it working:
Is this possible with css or jquery?
I didnt get it working.
Thanks alot!May 8, 2015 at 12:13 am #201844
Thanks for your help.
I have tried your suggestion but unfortunately this is not working.
What I want is the following:
Line 1 (Title) in 2nd column OR
Line 1 (Title) AND Line 2 (more information) in 2nd collumn need to be vertical middle aligned relative to the image in column 1.
Also “text” in the 3rd column need to be vertical middle aligned relative to the image in column 1.
Rule #1, rule #2, rule #3 and rule #4 may not have influence on the middle alignment.May 8, 2015 at 3:02 am #201850Paulie_DMember
Closest I can come up with but I suspect that some of your requirements are mutually exclusive when it comes to tables.
The fact is that there are only 3 alignment options in tables and you can’t tell them to not apply to certain parts of a cell.May 8, 2015 at 4:09 am #201857
I think we can`t handle the problem with only tables
Is something like this possible in css (or jquery):
title and more info link in <TD>
more info div AFTER <TD>
Content show below the link
<table> <tr> <td> <h1>Title</h1> <span>more info</span> </td> <div>more info blabla br/> blablablbal<br /> blablablbal</div> </tr> </table>May 8, 2015 at 4:29 am #201858Paulie_DMember
Not really…you can’t put a random div inside a table, it would invalidate your HTML
You might be able to have another row underneath this target row. This would be hidden and will reveal itself on a click.
Whether you can make this look the way you want is another issue.May 8, 2015 at 9:40 am #201871
- The forum ‘CSS’ is closed to new topics and replies.