Skip to main content
Code Review

Return to Question

edited tags
Source Link
200_success
200_success
  • 145.7k
  • 22
  • 191
  • 481

I am not new to html however would like to know about best practices. I need to develop a structurelayout like this:

enter image description here

This is what I have proposed:

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

Can this be improved in any way?

I am not new to html however would like to know about best practices. I need to develop a structure like this:

enter image description here

This is what I have proposed:

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

Can this be improved in any way?

I am not new to html however would like to know about best practices. I need to develop a layout like this:

enter image description here

This is what I have proposed:

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

Can this be improved in any way?

spelling and grammer improvements
Source Link
ChrisWue
ChrisWue
  • 20.6k
  • 4
  • 43
  • 107

Improve HTML strcuturestructure?

I am not new to html however would like to know about best practices,. I need to develop a structure **like this:

![enter image description here][1]enter image description here

This is what structure iI have proposed is:

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

AnyCan this be improved in any way i can improve it ? [1]: https://i.sstatic.net/5P2JW.png

Improve HTML strcuture?

I am not new to html however would like to know about best practices, I need to develop a structure **

![enter image description here][1]

what structure i proposed is

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

Any way i can improve it ? [1]: https://i.sstatic.net/5P2JW.png

Improve HTML structure?

I am not new to html however would like to know about best practices. I need to develop a structure like this:

enter image description here

This is what I have proposed:

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

Can this be improved in any way?

Source Link
Mathematics
Mathematics
  • 944
  • 2
  • 8
  • 27

Improve HTML strcuture?

I am not new to html however would like to know about best practices, I need to develop a structure **

![enter image description here][1]

what structure i proposed is

<div id="body">
    <div id="body-main">
        <div id="body-main-upper">
            <div id="body-main-upper-image">
                <image></image>
            </div>
            <div id="body-main-upper-image2">
                Text goes here
                <image></image>
            </div>
        </div>
        <div id="body-main-bottom">
            <Table><tr /><td /></Table>
        </div>
    </div>
    <div id="sidebar">
        <div id="sidebar-upper">
            <image></image>
        </div>
        <div id="sidebar-bottom">
            <image></image>
            <div id="sidebar-bottom-table">
            </div>
            Text goes here
            <image></image>
        </div>
    </div>
</div>

http://jsfiddle.net/gdWM5/

Any way i can improve it ? [1]: https://i.sstatic.net/5P2JW.png