Need some help with vu

They have: 2 posts

Joined: Mar 2009

Hello... Smiling

I am very new to making webpages and I need some tips with NVU, I newly published a webpage where the tables over the text body is not in line. When I worked with it in nvu it seemed fine, bur when published it didnt look right. I would appreciate some tips..

The link to the website is: Last ned filmer (its in norwegian:P)

Thank you,

Mic

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

Welcome to TWF! Laugh

Sorry, I am not familiar with the NVU HTML editor.

I looked at the source code for your page and it is *strange* because there is so much empty white space (which doesn't matter, but you don't need it either) which also makes it more difficult to zero in on problems.

Can you post/attach a screen capture image of how it looks when you are editing it?

Make sure you read all the documentation for NVU, and when you save the file you should be able to view it in a browser (Internet Explorer, Firefox etc) as a local file before you upload it to make sure it is not something on your web server that is affecting it.

You could also try a different editor such as Dreamweaver (not my cup of tea but many people swear by it) or CoffeeCup which is free (and still not a cup suitable for tea Sticking out tongue).

In any case, let us know how it goes and if you need some more help! Smiling

They have: 2 posts

Joined: Mar 2009

thank you so much! I'll definitely will try your tips:)

greg's picture

He has: 1,581 posts

Joined: Nov 2005

decibel.places wrote:
I looked at the source code for your page and it is *strange* because there is so much empty white space (which doesn't matter, but you don't need it either) which also makes it more difficult to zero in on problems.
You surely have firebug in Firefox?
It has helped me resolve lot of alignment headaches.

iselin wrote:
the tables over the text body is not in line.
If you mean the two tables at the very top, blue background, then try putting align="center" in the code for the two tables.

EG, the first table:

<table cellspacing="0" cellpadding="0" border="1" style="text-align: left; background-color: rgb(27, 94, 150); width: 997px; height: 114px;" align="center">

Another thing, it doesn't look like you need two tables there. You can start one table and have 2 rows. One for the site title, and one for the lower two cells.
The trick is, in the title row use colspan="2".
Then, the row with the title in will span over 2 columns, and the two lower cells will work fine as two cells/columns.

Although ... you use DIV's in the rest of your page, why not just use DIV's at the top as well?
You can float two DIV's side by side to get the same effect as you need with the two cells side by side.
You could also have the entire page in one main div centrally aligned.
So wrap the entire content (top of page to bottom) in something like this:
<div style="width: 900px; margin: 0px auto 0px auto;">

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

greg wrote:
You surely have firebug in Firefox?
It has helped me resolve lot of alignment headaches.

@greg - you know I have Firebug because I recommend it, I've posted about it here and on d.o., and I require my assistants to use it.

Firebug can give you the code for the page, but often I find it helpful to look at the actual source for the page (the old-fashioned way) and what I saw in iselin's source code was disturbing.

If your comment was directed at iselin, why did it follow a quote of my post?

Firebug is truly handy, but it won't help with problems in other browsers (eg Internet Explorer).

The OP asked for help specific to the NVU editor (I stated I am not familiar with it) for some reason it was displaying ok in the editor but not online, and I suggested a few steps to troubleshoot that problem.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.