Avatar of team2005
team2005 asked on

How to design / code this table ?

Hi!

Have this test page:

http://www.softkey.no/webtest/testform.html

The picture must be on the same colum as the Name -> Christian Svendsen.

Now the picture is on colum 3, but must be on colum 4

How do i fix this ?
HTML

Avatar of undefined
Last Comment
Scott Fell

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Meir Rivkin

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
team2005

Aha, feel stupid now that dident see that.
Thanks for help
Scott Fell

If you are building a new site, why are you using a table layout?  I would suggest checking out one of the many grid css systems or even better one of the grid/responsive systems.  I have been using http://getbootstrap.com/ and http://foundation.zurb.com/ with great success.  Both of these make it easy to use columns via the grid and program for multiple device view ports.

A very quick example using bootstrap http://jsbin.com/EfAZEGi/1/  This sample is set up just for desktop screen size.  With a little more coding, you can easily make this look good for the ipad or phone as well.  http://getbootstrap.com/css/#grid

<div id="container">
    <div class="row row1">
      <div class="col-lg-12 rapport1_del1">
        KONTROLLERNAVN
      </div>
    </div>

    <div class="row row2">
      <div class="col-lg-9">
        LOKASJONSNAVN
      </div>

      <div class="col-lg-3 rapport_brukernavn right">
        Christian Svendsen
      </div>
    </div>

    <div class="row row3">
      <div class="col-lg-9">
        <div class="col-lg-6 center">
          Sporsm?l:SPORSM?LET<br />
          Dato:2013-01-01<br />
          Svar:ja<br />
          Kommentar:Her kommer kommentaren
        </div>
      </div>

      <div class="col-lg-3 right"><img src=
      "http://www.softkey.no/webtest/images/ingen.png" width="150" /></div>
    </div>
  </div>

Open in new window

All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck