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
ASKER CERTIFIED SOLUTION
Avatar of Meir Rivkin
Meir Rivkin
Flag of Israel image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial
Avatar of team2005
team2005

ASKER

Aha, feel stupid now that dident see that.
Thanks for help
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

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

HTML
HTML

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

62K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
Ask the experts
Read over 600 more reviews

TRUSTED BY

IBM logoIntel logoMicrosoft logoUbisoft logoSAP logo
Qualcomm logoCitrix Systems logoWorkday logoErnst & Young logo
High performer badgeUsers love us badge
LinkedIn logoFacebook logoX logoInstagram logoTikTok logoYouTube logo