(I'm using css3/html5)
I used tabs to create 3 columns with vertical rule in middle and right columns. The vertical rule is the same height in both columns (that's the way Iwant it).
1. Is it possible to use tabs when I create a css style sheet for iOS devices (smartphones & tablets)? If so, I have no idea how.
2. Or do I need to use floats?
I didn't use floats because the vertical rule's height is dependent on the height of the text w/i each float. And therefore is uneven because there's more text in middle column than the right column.
Unless there's something I don't know about (most likely).
I'd appreciate help! I'm stuck.
below is coding for the 3 columns:
td.left { /*left column with photo*/ width:34%; margin:0; padding:0; border:none; vertical-align:top; } td { /*middle and right columns*/ font-size:12px; width:33%; padding:0 10px 0 20px; border-left:1px solid #c93; vertical-align:top; }
don't think so
okay, from what I've gathered by researching and looking and looking. It looks like tabs don't work for small screen coding.
Sorry I didn't give the entire code.
I hope my conclusion is correct.
What is usually used for
What is usually used for smaller phones is a one tab menu called "menu".
Whenever they click on it it will show a dropdown with the complete menu.
Take a look at this website for more information on how to convert a menu into a mobile friendly menu with just one tab.