2 replies [Last post]
tebk77
Offline
Regular
Last seen: 5 years 17 weeks ago
Timezone: GMT-4
Joined: 2009-05-16
Posts: 42
Points: 49

(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;
}

tebk77
Offline
Regular
Last seen: 5 years 17 weeks ago
Timezone: GMT-4
Joined: 2009-05-16
Posts: 42
Points: 49

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.

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 3 years 18 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

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.

Check Maximum Webdesign for your online solutions