Solved

HTML help on Div tag

Posted on 2016-07-25
3
44 Views
Last Modified: 2016-07-25
Hi Team,

Iam new to HTML , I need to create a website with the attached structure . I have been asked to use the structure the webpage , but Iam not getting the output as attached , as the web browser window maximises or minimises the stucture gets changed.

Any help is really appreciated.


MyPAGE.html is the code written to create the structure.

HTMLLAYOUT.png is the expected web structure.

I need to create the same using DIV tags  or any other tags used earlier to HTML 5 and use the new html 5 tags for structures and see the difference.
mypage.html
htmllayout.png
0
Comment
Question by:sam_2012
  • 2
3 Comments
 
LVL 82

Expert Comment

by:Dave Baldwin
ID: 41727102
That looks like you are taking a class in CSS where you are supposed write the CSS statements to create the layout.
0
 

Author Comment

by:sam_2012
ID: 41727125
Hi Dave ,
Iam new to HTML , It would be helpful , if you can help me with the CSS for placing the div tags. Iam not aware of CSS , iam updating it.
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 41727183
Download the layout in this article and work from that.  http://matthewjamestaylor.com/blog/perfect-3-column.htm
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now