How to design HTML header


Tags: html,css

Problem :

How to design this using html and css

enter image description here



Solution :

It's just a th inside table using colspan=7

<table border="1">
  <tr>
    <th colspan="7">This will span 7 columns</th>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <!-- Same for the rest here -->
</table>

    CSS Howto..

    How do I differentiate between IE versions 6 to 10 using IE CSS Hacks?

    how to colour user selected option using CSS in Firefox

    Yahoo.widget.Editor - How to configure font size of text

    How to create css code that works for all browser?

    How to indent a data table with CSS? [closed]

    How to make the footer stick to the bottom?

    CSS delivery optimization: How to defer css loading?

    How do I use a different image for each JQuery UI Slider handle

    How to add fade in and fade out when changing between texts in javascript

    How do I display menu items in front of images?

    How to create an opacity fade()? ( improvement over jQuery)

    GWT how to add css style on Image Resource

    HTML - How to do a square plain button while using jQuery Mobile css [closed]

    How can I apply my CSS stylesheet to an RSS feed

    How to apply CSS after adding elemnts with jquery

    How to change the dimensions of a div depending of a number extern to that div? jquery/css

    How can I select the first IFRAME within the second FB tag in a div?

    How to include display:block in css code that includes pseudo element 'before'

    When using CSS transformation, how to avoid an element to overflow its parent?

    How to let Fancybox Next and Previous button stay visible

    How to render css file from url in to the webview in android

    How to turn off carousel when resized?

    How to feather the edges of an image using CSS

    How do you use csslint from the command line?

    How to make a 3D banner overlay (??) with CSS

    How to overide CSS for width?

    How to make input[type=text] to fill remaining horizontal space?

    How to select children in CSS

    How to make a width binding in CSS

    How to slide a div from bottom using pure css or pure javascript