Solved

Strange formatting problem on one page

Posted on 2004-08-05
8
211 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
Industry Leaders: 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Html split(text) Part2 6 41
How to add custom html-5 element to a dynamically generated link? 4 37
Scroll 5 news at a time using vticker 2 41
Error Handler 8 43
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

751 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