Skip to main content

/ Useful Technologies/ Group items tagged table

Group items tagged

Filter: All | Bookmarks | Topics Simple Middle

Changing Column Width - Complete HTML5 tutorial - 0 views

www.html5-tutorials.org/...changing-column-width

useful_utility reference html5 column width changing table

shared by George Bradford on 07 May 13 - No Cached

George Bradford on 07 May 13

"Now that you we have used all the right semantics you might want to change the width of each column - as of right now, each column is 33% wide. Let's say we want the first column to be 40% of the table and the two remaning columns to be 30% (as 40% + 30% +30% = 100%). In order to do this, we use the element. This element is to be placed between the tag and the tag and we use the style attribute to define the width of the columns. The element is a self-closing element and you need one for every columns of you table. Let's have an example:"

<div class="cArrow"> </div><div class="cContentInner">"Now that you we have used all the right semantics you might want to change the width of each column - as of right now, each column is 33% wide. Let's say we want the first column to be 40% of the table and the two remaning columns to be 30% (as 40% + 30% +30% = 100%). In order to do this, we use the element. This element is to be placed between the tag and the tag and we use the style attribute to define the width of the columns. The element is a self-closing element and you need one for every columns of you table. Let's have an example:"</div>

...

Cancel

1 - 1 of 1

Showing 20▼ items per page

Related searches