Solved

Strange formatting problem on one page

Posted on 2004-08-05
8
204 Views
Last Modified: 2010-04-09
I am working on a site. www.soeasyweb.co.uk

Its all table based at the moment but will eventually all be CSS styled.

There is a problem with one particular page - Domain registration.

The footer is not displaying correctly when compared to the other pages.

Its where the copyright soeasy web ltd etc is.

I vae tried changing it to match the other pages but it always renders incorrectly whereas the other pages all look fine.

Any ideas?

0
Comment
Question by:tinybear
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
  • 2
  • +1
8 Comments
 
LVL 8

Expert Comment

by:MusicMan
ID: 11725045
Comparing a "working" table with your problem one, the two things that are visibly different are the font size and the table height.  Without looking too far into the code I would suggest that there is either a font tag missing or an extra one.
0
 
LVL 8

Expert Comment

by:MusicMan
ID: 11725052
Also - in the domain registration page you have a height attribute for the tables, in your homepage one you have not.
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 11725486
I'm glad you mentioned it will be CSS styles, so I don't need to tell how much garbage there is in the code.

Your problem likely lies somewhere in this mess:

              <p align="center"><b><font color="#790000" style="font-size: 7pt">&nbsp;|<font color="#790000"><a href="http://www.soeasyweb.co.uk/domain_registration.htm"><font color="#841027">
              DOMAIN REGISTRATION</font></a> |
              <a href="http://www.soeasyweb.co.uk/hosting_plans.htm">
              <font color="#841027">HOSTING PLANS</font></a><font color="#841027">
              </font></font>|
              <a href="http://www.soeasyweb.co.uk/design_development.htm">
              <font color="#790000">DESIGN &amp; DEVELOPMENT</font></a><font color="#790000">
              </font>| <a href="http://www.soeasyweb.co.uk/e_marketing.htm"><font color="#790000">E -MARKETING</font></a><font color="#790000">
              </font>|</font></b></p>
              <p align="center"><b><font color="#790000" style="font-size: 7pt">|
              <a href="http://www.soeasyweb.co.uk/about_us.htm"><font color="#790000">ABOUT US </font>
              </a>| <a href="http://www.soeasyweb.co.uk/prices.htm"><font color="#790000">PRICES</font></a> |
              <a href="http://www.soeasyweb.co.uk/support.htm"><font color="#790000">SUPPORT</font></a> |
              <a href="http://www.soeasyweb.co.uk/order_online.htm"><font color="#790000">
              ORDER ONLINE </font></a>|
              <a href="client_login.htm"><font color="#790000">
              <a href="http://www.soeasyweb.co.uk/client_login.htm">
              <font color="#841027">CLIENT LOGIN</font></a></font></a><a href="http://www.soeasyweb.co.uk/client_login.htm"><font color="#841027">
              </font></a>|</font></b></p>

but what exactly do you want done? Shold we add more font tags or take some away?

Seriously, run your pages through w3c validator to fix all the errors it finds. That will likely help you find the problem:
http://validator.w3.org/
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 2

Expert Comment

by:Joakim_
ID: 11725497
Just copy the bottom from the home page and paste it where it's not working. And learn HTML and start using Notepad.
0
 
LVL 2

Expert Comment

by:Joakim_
ID: 11725510
And like seanpowell just said: It's <edited> messy!

<Joakim_, watch the language please. - seanpowell>
0
 
LVL 2

Expert Comment

by:Joakim_
ID: 11725513
But that's probably because of the generated FrontPage HTML code.
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 250 total points
ID: 11725567
Something like this is how you should end up:

p.services
{
      text-align:center;
      color:#790000;
      font-weight:bold;
      font-family:"arial narrow", sans-serif;
}

p.services a
{
      color:#841027;
}

<p class="services">| <a href="domain_registration.php">DOMAIN REGISTRATION</a> |
<a href="http://www.soeasyweb.co.uk/hosting_plans.htm">HOSTING PLANS</a> |
<a href="http://www.soeasyweb.co.uk/design_development.htm">DESIGN &amp; DEVELOPMENT</a> |
<a href="http://www.soeasyweb.co.uk/e_marketing.htm">E -MARKETING</a> |</p>

<p class="services">| <a href="http://www.soeasyweb.co.uk/about_us.htm">ABOUT US</a> |
<a href="http://www.soeasyweb.co.uk/prices.htm">PRICES</a> |
<a href="http://www.soeasyweb.co.uk/support.htm">SUPPORT</a> |
<a href="http://www.soeasyweb.co.uk/order_online.htm">ORDER ONLINE</a> |
<a href="http://www.soeasyweb.co.uk/client_login.htm">CLIENT LOGIN</a> |</p>
0
 

Author Comment

by:tinybear
ID: 11730839
I totally agree with you all. The HTML is a mess.( well a joke really)  I suspect as metioned as it ws originally dome in Frontpage..Not by ME

I will go thru it and clean it up, and then start to rewrite in CSS.

I just needed someone to help spot where it was going wrong. It's like looking for a needle in a haystack.

Thx

0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
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 …

749 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