Click to See Complete Forum and Search --> : Complete Novice Here!!!


richieno9
09-09-2003, 08:51 AM
Hi Guys,
I'm havin problems with a website that i set up using Front page.The site is fine on my pc and most other but when viewed on pc's with smaller screens the user has to move the page to see it properly.Is there a way of getting the page to resize to any screen? Also,I have table made up that I would like not to change,even if i tried to put an image into it that was too big.Can that be done??
Thanks,Richie
The site is http://www.bloomfieldmotorworks.com

DaveSW
09-09-2003, 09:01 AM
Problems:

1) Frontpage. Not so good...

2) Tables for layout


The real answer is to go to www.w3schools.com and learn html properly, but if you hang on I'll have a look at your page and see what I can do.

DaveSW
09-09-2003, 09:06 AM
hmm. The width of the pictures in pixels is wider than some people screens. So you
a) need to take the width="984" out of your second table
b) need to redo your graphics slightly to enable them to fit...

Do you want me to try and fix it? (it'll involve chopping some of the images...)

richieno9
09-09-2003, 09:12 AM
That'd be great. Can the images just be reduced in size??

DaveSW
09-09-2003, 09:17 AM
Sure. Do you really really want the particular font or could I use text and some css? (when I've finished you'll probably find the code easy enough to edit in notepad...)

This would then mean more accessibility...

richieno9
09-09-2003, 09:24 AM
No worries on the text! Thanks a million!

DaveSW
09-09-2003, 09:40 AM
Hi

Just about to go out, but here's what I have so far:

http://www.emdevelopments.co.uk/demo/bloomfield/index2.htm

However, the layout breaks at particulary low resolutions: would you mind if I used a left column (or right) for the menu, and put the address and other picture one under the other?


I may also need to cut up your top banner - I've resized it to 700px, but it's still a bit too big really.

BTW: what are your preferred fonts?

richieno9
09-09-2003, 10:02 AM
Maybe put the used cars link directly under the picture so the whole thing is centred.I'm scrapping the other two pages anyway!
Cheers Mate.
Richie

96turnerri
09-09-2003, 10:04 AM
all sorted if not i can take a look?

richieno9
09-09-2003, 10:52 AM
Dunno yet 96!! Dave is lookin at it but I think he had to split.Any ideas yourself?

96turnerri
09-09-2003, 11:47 AM
well ive just read over it, and im gonna have a cig now, so ill think of something whilst doing that

96turnerri
09-09-2003, 12:07 PM
well for starters i use frontpage sometimes and it is good for somethings, i just had a look at what dave has done, is that an imprezza in the pic? cos im after one! the lowest resolution ppl view stuff in is probably 640x480 i personally i view in 1024x768 anything smaller than that is just silly

i have three suggestions for you

1) imagine a user looking at your site, using 640x480 so for the page to be displayed properly (as u wish) on his browser the entire page cannot exceed 640 pixels in width and 480 in height, so the banner needs to be 640 or less, personally i would make it 620 pixels as you will have a blocked out scrollbar on the right once you have done this, then either make the links smaller or the main picture smaller so that the contact details main pic and links in total do not exceed 620 pixels

2)use a resolution checker such as this that diverts them to the site that is made for that resolution

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
function redirectPage() {
var url640x480 = "http://www.yoursite.com/640x480";
var url800x600 = "http://www.yoursite.com/800x600";
var url1024x768 = "http://www.yoursite.com/1024x768";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
</script>
</head>

<body>
<center>
<form>
<input type=button value="Enter!" onClick="redirectPage()">
</form>
</center>
</body>

This means you will have to make a three different sites using each of the resolutions

3) on the first page have a resolution checker saying this site is made for viewing say 1024 x 768 IE6.0 and underneath have something like this

<BODY>

<SCRIPT LANGUAGE="JavaScript">
var xy = navigator.appVersion;
xz = xy.substring(0,4);
document.write("<center><table border=1 cellpadding=2><tr><td>");
document.write("<center><b>", navigator.appName,"</b>");
document.write("</td></tr><tr><td>");
document.write("<center><table border=1 cellpadding=2><tr>");
document.write("<td>Code Name: </td><td><center>");
document.write("<b>", navigator.appCodeName,"</td></tr>");
document.write("<tr><td>Version: </td><td><center>");
document.write("<b>",xz,"</td></tr>");
document.write("<tr><td>Platform: </td><td><center>");
document.write("<b>", navigator.platform,"</td></tr>");
document.write("<tr><td>Pages Viewed: </td><td><center>");
document.write("<b>", history.length," </td></tr>");
document.write("<tr><td>Java enabled: </td><td><center><b>");
if (navigator.javaEnabled()) document.write("sure is!</td></tr>");
else document.write("not today</td></tr>")
document.write("<tr><td>Screen Resolution: </td><td><center>");
document.write("<b>",screen.width," x ",screen.height,"</td></tr>");
document.write("</table></tr></td></table></center>");
</script>
</body>

96turnerri
09-09-2003, 12:09 PM
then below that table that option 3) displays telling them if screen resolution is greater than or equal to 1024x768 click here to enter (link to homepage) is < 1024x768 please adjust resolution before entering otherwise site will not be displayed correctly

DaveSW
09-09-2003, 01:58 PM
I've updated that link. The way it is now designed, it doesn't need 3 different versions for each screen res - it adapts itself. the widest graphic is down to 600, so it should be reasonable on all screen resolutions.

http://www.emdevelopments.co.uk/demo/bloomfield/index2.htm

How's that?

DaveSW
09-09-2003, 02:00 PM
if you want it I'll give you the zipped source file with all the new images.

96turnerri
09-09-2003, 05:41 PM
im not too sure about that one im gonna have a go at my own one dave hope you dont mind?

Rich

DaveSW
09-10-2003, 02:40 AM
go ahead

I don't have too much time to spend on free revamps of peoples sites anyways!

96turnerri
09-10-2003, 05:19 AM
ok giving it a go today

richieno9
09-10-2003, 06:45 AM
Cheers guys.Really appreciate the help.
@Dave...I see what you're doing but I'd rather keep the garage picture central and maybe just put click on pic to enter below it or something.

96turnerri
09-10-2003, 06:48 AM
yeah thats what i thought to and am trying to get it dead centre too if that helps

Rich

96turnerri
09-10-2003, 07:06 AM
he it is ive tested it on 640x480 and the width is fine let me know what you think

<body>

<p align="center">
<img src="http://www.bloomfieldmotorworks.com/images/bannercsl.gif" width="600" height="117"
alt="bannercsl.gif (24290 bytes)"></p>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
<tr>
<td width="59%" rowspan="3">
<img border="0" src="http://www.bloomfieldmotorworks.com/images/Bloom%20sepia2%20colour.GIF" width="380" height="266" align="right"></td>
<td width="41%" align="center">
<p align="left">
<a href="http://www.bloomfieldmotorworks.com/../usedcars.htm">
<img
src="http://www.bloomfieldmotorworks.com/revamp/USED_CARS.jpg" alt="USED CARS.jpg (16139 bytes)" width="210" height="45"></a></td>
</tr>
<tr>
<td width="41%">
<p align="left"><a href="http://www.bloomfieldmotorworks.com/services.htm">
<img src="http://www.bloomfieldmotorworks.com/revamp/SERVICING.jpg"
alt="SERVICING.jpg (16076 bytes)" width="210" height="45"></a></td>
</tr>
<tr>
<td width="41%">
<p align="left">
<a href="http://www.bloomfieldmotorworks.com/../IcePage.htm">
<img src="http://www.bloomfieldmotorworks.com/revamp/ICE.jpg"
alt="ICE.jpg (11207 bytes)" width="210" height="45"></a></td>
</tr>
</table>
<p align="center">Visit us at: 57 Bloomfield Avenue, South Circular Road, Dublin
8</p>
<p align="center">Phone: 01-4531433, Mobile: 087-2511500,
<a href="mailto:alan@bloomfieldmotorworks.com">alan@bloomfieldmotorworks.com</a></p>

</body>

richieno9
09-10-2003, 08:12 AM
Thanks 96.I wont be able to see it until I get home.In work I don't have front page to throw it into.

96turnerri
09-10-2003, 08:31 AM
have a look now why not?

Your Site (http://www.turnerskitchens.co.uk/visit_us_at.htm)

p2bc
09-10-2003, 08:34 AM
richieno9:

You don't need Front Page to "throw" it into, use notepad. And also stay away from Front page. Check out www.w3schools.com like Dave suggested. You will be better for it.

I was just like you, I started with Front Page a couple of months ago, went to W3, did most of their tutorials in a weekend, and was creating things you can't do in front Page by Monday evening. Found this forum after having a few stumbles, and the rest is history. I still use Front Page to debug stuff (very rarely), "Why is it not aligning properly..." and stuff, because you have that quick visual. I do a save as from Front Page, and go in to the html to see what is scripted, then after 5 minutes to decipher all the crap Front Page throw in there, I rewrite the script into my original file.

Cheers

96turnerri
09-10-2003, 08:57 AM
yeah thats what i do frontpage has advantages such as debugs and when you really cant get things to work, i used to use fp alot, then found the w3schools.com it is alot easier and more rewarding

p2bc
09-10-2003, 09:00 AM
by the way 96turnerri:

Nice site.

richieno9
09-10-2003, 09:14 AM
Thanks a mill 96.Thats bang on.Can't believe the guys in here are so willing to help out! Cheers

@ P2bc....I'll check out that site now and get learning.

96turnerri
09-10-2003, 10:20 AM
thanks for liking my site p2bc and richieno9, not a problem redesigning it

Rich

DaveSW
09-10-2003, 10:28 AM
96turnerri, without wishing to spoil the party, don't forget the doctype

http://www.webdevfaqs.com/html.php#doctype

and the fact it needs to validate

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.turnerskitchens.co.uk%2Fvisit_us_at.htm

see

http://www.webdevfaqs.com/html.php#validate

Hope this helps

96turnerri
09-10-2003, 10:51 AM
thanks dave but ill let him do that its out of my hands now, anyway he uses frontpage and that does it for you, so theres no need

Rich
What did ya think in the end?
Site (http://www.turnerskitchens.co.uk/visit_us_at.htm)

DaveSW
09-10-2003, 11:00 AM
aesthetically it's fine. Tables for layout isn't so good, but whatever. I thought he was getting rid of servicing and ICE which was why I tried the different layout.

On this line:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">

If border="0" then you don't need your style, or to specify a color for the border that isn't there.

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="AutoNumber2">

Apart from that it's pretty good. Esp. for a freebie!

96turnerri
09-10-2003, 11:04 AM
yeah we should of charged him a service charge lol, would do what you say but ill leave it up to him

DaveSW
09-10-2003, 11:09 AM
charged per minute ofcourse :D

96turnerri
09-10-2003, 12:53 PM
naturally also plus basic standard charge :D

richieno9
09-10-2003, 07:07 PM
Thanks Guys.Cheque is in the post.I like what you did Rich so I'll be using that.Just reading up on w3school on the HtML.
Cheers again.

96turnerri
09-10-2003, 07:13 PM
thanks for using my work least somebody does my mum moans that i spend to much time on comp lol, well im glad to have help you, need another revamp or advice ask me ill do my best to help

96turnerri
09-10-2003, 07:14 PM
ill be checking your site soon to see when youve put it on :D

richieno9
09-16-2003, 04:14 AM
Hey Rich,I'm having a problem getting that to work.I've copied that html from the above post and paste it into front page(which usually works) and when I preview it,it displays the html...any ideas why?
Thats why it ain't up yet!

96turnerri
09-16-2003, 04:53 AM
yeap the problem is that frontpage changes the < and > to &alt- etc so copy it into notepad then into frontpage, it will work fine then, dont know why it does that but it does for some reason

Rich

richieno9
09-16-2003, 05:11 AM
Cheers I'll try that.Check it again tomorrow and it should be up.

96turnerri
09-16-2003, 05:22 AM
ok cool cant wait :D

96turnerri
09-16-2003, 02:59 PM
your site looks much better :D wheres my name on the site? :D again. if you need a hand with anything just let me know add me as a buddy or whatevr look at my profile for ids. not that the used car page needs it, that page is very nice do like it not as good as mine :P

richieno9
09-17-2003, 09:28 AM
I'm gonna take a look at the used car page now and see if I can make it neater.Seeing as the front page is done an'll that!!

96turnerri
09-17-2003, 10:50 AM
ok kool let me know if you change it or if you would like some ideas

Rich