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 to dynamically add a class to li item and change its background color using javascript and css

    How can I set the CSS class of an element in a Rails view?

    How can I get my rows 100% wide?

    How can I apply styles to a label whose checkbox is checked using only CSS?

    How can I make my form take only a limited space?

    Show DIV message at every “X” number of minutes?

    How to set p margin for a section

    How do I fix the navigation menu in Firefox and Internet Explorer?

    How can I make an unclickable HTML “Ghost” Div?

    How to center an element based on the parent div?

    How to Center a image with HTML CSS

    How can I make CSS affect DOM elements generated after the CSS was interpreted?

    How can I style the n-th div with CSS

    How do I design my CSS with ASP.NET MVC?

    How to change Bootstrap-select's placeholder color

    How to change the active color of the tabs title background using css

    How to put image on the top of the div?

    how to: dynamic navigation bar size depending on dynamic image size?

    How to rotate top-border around the circle?

    How can I override inline styles with external CSS?

    How to make css search form responsive

    How can I scale element height and width using CSS?

    How to pause a Spinkit animation?

    CSS how to hide resize divs while keeping it centerd

    How to set the overall Grid thumbnail height to be equal?

    How can I easily copy the whole CSS file from a website?

    How to add an additional css class from code behind using ASP.NET?

    how to switch to another view using css class on click in angularjs using ngclass

    How to combine font-awesome and CSS triangles?

    how do I select in css so the items appears in hover state In entire page(mega menu)