website layout anomolies

wanderlust123

hi, as a novice at web design i have created a site for a friend. this
was checked on a number of different browsers and appears fine. my
friend however says that the menu bar and images jump up and down from
one page to the next in relation to the homepage. furthermore the
picture alignment on the homepage on her computer appears differently
(bird image below the figure and pots whereas these should appear in
one line)

can anyone look at the source for www.alisonjonesceramics.co.uk and
advise please?

i'm really confused because my friend is viewing the site on Windows
XP, Internet Explorer the same as me so why are we seeing different
results???

thanks!

Aug 15 '06 #1

Subscribe Post Reply

1508

Chris F.A. Johnson

On 2006-08-15, wa***********@hotmail.co.uk wrote:

hi, as a novice at web design i have created a site for a friend. this
was checked on a number of different browsers and appears fine. my
friend however says that the menu bar and images jump up and down from
one page to the next in relation to the homepage. furthermore the
picture alignment on the homepage on her computer appears differently
(bird image below the figure and pots whereas these should appear in
one line)

can anyone look at the source for www.alisonjonesceramics.co.uk and
advise please?

i'm really confused because my friend is viewing the site on Windows
XP, Internet Explorer the same as me so why are we seeing different
results???

You may be using different fonts, differently sized windows,
different screen resolutions, etc.

You will see another issue on this screenshot from my browser, and
it may give a hint to help resolve other problems:
<http://cfaj.freeshell.org/web/examples/alisonjones.jpg>

--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

Aug 15 '06 #2

Beauregard T. Shagnasty

wa***********@hotmail.co.uk wrote:

hi, as a novice at web design ...

can anyone look at the source for www.alisonjonesceramics.co.uk and
advise please?

i'm really confused because my friend is viewing the site on Windows
XP, Internet Explorer the same as me so why are we seeing different
results???

A design will rarely look the same in all browsers and on different
computers. Stop worrying about that. If it is designed correctly, it
will work in all browsers.

1. New documents should use a Strict doctype, not Transitional, which is
for "transitioning" old documents.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

2. Assign a background color to the body. I see my ugly default purple,
and Chris sees yellow.
3. Assign font-size: 100% to the body, drop the 85% for content, and up
the size of H2 to about 130%.
http://k75s.home.att.net/fontsize.html
4. Antiquated, fixed-width table design. Use CSS and let it flow with
browser window size. Horizontal scroll bar on narrow window.
http://allmyfaqs.net/faq.pl?AnySizeDesign
http://allmyfaqs.net/faq.pl?Tableless_layouts
5. Move the CSS to an external file, and remove the HTML comment markers
from it, the: 

--
-bts
-Warning: I brake for lawn deer

Aug 15 '06 #3

itchyfeet

thanks! exactly the kind of feedback i needed
Beauregard T. Shagnasty wrote:

wa***********@hotmail.co.uk wrote:

hi, as a novice at web design ...

can anyone look at the source for www.alisonjonesceramics.co.uk and
advise please?

i'm really confused because my friend is viewing the site on Windows
XP, Internet Explorer the same as me so why are we seeing different
results???

A design will rarely look the same in all browsers and on different
computers. Stop worrying about that. If it is designed correctly, it
will work in all browsers.

1. New documents should use a Strict doctype, not Transitional, which is
for "transitioning" old documents.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

2. Assign a background color to the body. I see my ugly default purple,
and Chris sees yellow.
3. Assign font-size: 100% to the body, drop the 85% for content, and up
the size of H2 to about 130%.
http://k75s.home.att.net/fontsize.html
4. Antiquated, fixed-width table design. Use CSS and let it flow with
browser window size. Horizontal scroll bar on narrow window.
http://allmyfaqs.net/faq.pl?AnySizeDesign
http://allmyfaqs.net/faq.pl?Tableless_layouts
5. Move the CSS to an external file, and remove the HTML comment markers
from it, the: 

--
-bts
-Warning: I brake for lawn deer

Aug 15 '06 #4

Chaddy2222

wa***********@hotmail.co.uk wrote:

hi, as a novice at web design i have created a site for a friend. this
was checked on a number of different browsers and appears fine. my
friend however says that the menu bar and images jump up and down from
one page to the next in relation to the homepage. furthermore the
picture alignment on the homepage on her computer appears differently
(bird image below the figure and pots whereas these should appear in
one line)

can anyone look at the source for www.alisonjonesceramics.co.uk and
advise please?

Take a look at:
http://validator.w3.org/check?uri=ht...&outline=1

i'm really confused because my friend is viewing the site on Windows
XP, Internet Explorer the same as me so why are we seeing different
results???

Depends entirely on the browser set-up and configuration.

>
thanks!

NP.
--
Regards Chad. http://freewebdesign.cjb.cc

Aug 16 '06 #5

Similar topics

how to setup website layout

by: Ralph Soons | last post by:

Hi all, I am looking for a correct way to setup my website layout. For instance: I would like to have a selection mechanism (like tree or something) on the left and the page data on the right. ...

ASP.NET

Best Way to design a website ?

by: Arsalan | last post by:

Which softwares do pros recommend on making ASP.NET website ? Which software do you prefer ? I think Visual Studio is not that good at making a website, so what combination of softwares do u guys...

ASP.NET

Change print orientation by website

by: Nevets Steprock | last post by:

I have a webpage that prints nicely when the layout is switched from portrait to landscape. Many of my site users have mistakenly printed it without making the change to their settings and end up...

ASP.NET

Blog Layout Match Website Layout

by: PrinceDeeDer | last post by:

im trying to edit my blog layout to fit my website layout so i kind of just mixed my homepage HTML with the blog HTML and it has a few bugs in it. i was wondering if anybody could help me fix it or...

HTML / CSS

church website: having trouble with display in IE

by: fishwick | last post by:

I haven't really done any css in quite a while, and am banging my head against the wall trying get the rudimentary layout together of a church website home page to display correctly - I don't want...

HTML / CSS

organizing my website

by: ganich | last post by:

Hello, i am looking for a Php script which could help me in organising my website. Ok the problem ... i have created index.html and made full layout in it. I use iframe in a table to view the...

PHP

Organising website

by: ganich | last post by:

Hello, i am looking for a javascript which could help me in organising my website. Ok the problem ... i have created index.html and made full layout in it. I use iframe in a table to view the...

Javascript

Website templates

by: Ieyasu | last post by:

I manage a website for a small gaming community that I purchased from a hosting site that caters to gamers. Recently, they released some templates to help us customize things a bit more. What I...

HTML / CSS

Problem in layout of website

by: creative1 | last post by:

hi everyone, I am struck in layout of my site. Im using 1024 fixed width layout. I have a site layout designed in psd files. Bisically I have to stick with that design tightly and I am asked not to...

HTML / CSS

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server