Could anybody help with my web page troubles?

S

Spike

Posts: 2,122   +0
Well, my first website, created for the promotion of somebody elses book, is nearly ready to be passed around by the authoress (there's nowhere to buy the book from quite yet and I've been told to wait for that information before spreading the site around (so please don't link to it or give the addy to anyone if you think about doing so), and she's more than pleased with the site.

I have struck on a slight puzzle (well, to me anyway! lol)

I don't want the web address spread around at the moment, as per my instructions from the person I built it for, butI'm confused and hoping that someone could please explain why the navigation/title bars top and bottom stretch accross the whole visible page in the browser for the 4 html pages like here ( http://www.minervapendragon.com/index.html ) but on the php guestbook page they stop just short of the edges - http://www.minervapendragon.com/ardguest.php - which I acctually prefer but can't duplicate on the other pages.

If you do visit the site, any constructive criticisms are welcome. I have to learn somehow!
 
I can't upload the php file, and from the link it seems it can't be saved... so, here's the page code in a txt file if anyone cares to look at it should they need to....
 
The magic word is <center>
Code: 
<title>MinervaPendragon.com - Guestbook</title></head>
   <body bgcolor="#555555" background="index/grad_text2-2.jpg" link="blue" vlink="blue" alink="active_link" topmargin="0" marginheight="0">
   <center>

   <table width="100%"  cellspacing="0" cellpadding="4">

If you leave that out there, the appearance should be the same on both pages. (or add it to the other pages to get the ".php-look")

You should change the bgcolor="000000" in the nav-table where you show the menu-links to the other pages. Black BG with darkblue text shows up very poorly.

On the preview-page you should give people a chance to skip the preview if they are on dial-up. Put in e.g. a "click here" to continue or "click there" to skip, in whatever way you want to solve that.
The music is neat.
Nice result for a first trial.
 
Thankyou very much for your kind comments RBS :) I've taken them on board and I'll think about them and work at it a little later.

If you leave that out there, the appearance should be the same on both pages. (or add it to the other pages to get the ".php-look")
Click to expand...

I've added that center tag to the rest of the pages, and closed it at the end of the body, but it seems to have had no effect. Could there be something else on the guestbook page causing the difference? I really would like to get all the pages looking like the guestbook one. :confused:
 
It took me a while to figure it out, but here it is:

in ardguest.php you find:
<body bgcolor="#555555" background="index/grad_text2-2.jpg" link="blue" vlink="blue" alink="active_link" topmargin="0" marginheight="0">
<center>

whereas in index.html you find:
<body bgcolor="#FFFFFF" background="index/grad_text2-2.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>

The bgcolors for the isis-picture on the left are different, black and grey, causing an optical illusion of smaller when grey.
The link parameters do nothing optically.
But the extra margin-parameters cause the wider "look" in index.html
 
OK. I'll give that a go then. That body line in the php page was acctually partt of the questbook script before I set out to work with it and build a page.

I looked at the source for each page for ages, but STILL did'nt see that! Thanks RBS :D
 
I just made the modification to the rest of the pages. Finally, that little bit is finished. Thanks agin RBS. Now, to create a link to stop that flash loading... could be interesting. I've never done it before.
 
The easiest way would be to create an in-between page with two buttons, one to continue on to your current preview-page, the other to e.g. the guestbook, or back to index.html.
 
Yes. Very true. I am planning on doing something else on the preview page, a sort of menu for a number of peices of streaming media or something similar, and the current page will be linked to from that.

In the meantime though, in the knowledge that a 4.5 MB flash file isn't easy on your avaerage dialup modem, there's a downloadable powerpoint presentation at the bottom of the page in an sfx archive.

I'm still waiting for more content from the authoress to put on the site, and she's waiting for the same from the publisher. Untill I get that info, I've nothing to fill another page with. I suppose I can always put a link in the page at the top to reload the page with an image instead of the flash.

Thanks again!
 
Create a slide-show instead of a big flash. All you need is the for someone to D/L the music, and the slides (.jpg with text) sail by as per timed interval.
 
If you use Firefox (and I assume you do, install an extension by the name of "Web Developer 0.8", extremely useful for, well, web developers.

Also, you MUST do something about your menu-links. That black background makes a visited page (dark purple) nearly invisible, and the other (unvisited) links in dark blue are almost just as bad.
 
Yes. I'll get onto that link issue tonight. After sorting out the page apearance in terms of consistancy - thanks to your help, I took a little bit of a break.

The problem now is that I really like that black! lol I guess I have some thinking to do.

I do use Firefox. I'll install web developer 0.8 now. Thanks for the tip :)
 
I've had a little play with the index.html page on my machine.

I'm open to a colour suggestion, but as far as I can see, any colour change to the top and bottom nav bars drastically alters the feel of the page, to the extent that in order to get everything to tie in properly, the entire page would need to be changed. I just can't get it to look right.

The answer to the problem seems to be to change the link colour on the top and bottom nav bars to grey for normal and visited, and cyan when the mouse hovers over them.

The trouble is, I have no idea how to do this for the nav bars only, as the only method of forcing link colours that I know is inserting the - link="blue" vlink="blue" alink="active_link" - attributes into the body tag. This of course alters the links on the whole page, and doesn't account for the cyan when hovering over a link.

I'm afraid I only know what CSS does, and know nothing about using it (I'm just not that clever yet). Is there a way to do this with HTML?
 
The links are a little better now. I did it with CSS after all.

I couldn't build a table in CSS yet, but the language does look easier than I thought it was!
 
Invest some well-worth pounds in 2 books:
HTML for the World Wide Web, by Elizabeth Castro.
5th Edition (includes XHTML and CSS)
Peachpit Press, ISBN 0-321-13007-3, £16.99

If you want to go on into Java:
Javascript for the World Wide Web, by Tom Negrino and Dori Smith
5th Edition
Peachpit Press, ISBN 0-321-19439-X, £16.99

Both books have proven invaluable to me. Very easy to follow, and everything comes with full examples and pictures. Very good index in the back as well.

It is not good practice to have different link-colours in different areas of a web-page.
In your CSS (best place for them), always define them in this sequence: Link/Visited/Focus/Hover/Active to avoid overriding properties.
Give Visited a different colour.
You could have different CSS files for different pages if you so wish.
 
It is not good practice to have different link-colours in different areas of a web-page
Click to expand...

Not that I'm one to argue, but I'm curious. Why is it bad parctice when the links in question are well, and obviously, confined to specific area's of a web page.

Even this page has different colour links in different places. In fact, it's probably the reason I thought of using grey for them looking at it. lol.


Thankyou for the reminder about organising the properties in the correct order. very important, as an hour of trying to work out what was going wron is testament to. :)

I think you could be right about visited needing to be a different colour though.
 
The links themselves are not limited to any area on the page at all.
It is just that all links, wherever they are, "should" have a uniform look preferably, but definitely the same colours, organised in the .CSS

A forum like this is such a mish-mash, that functionality has overtaken standard rules.
There are not many webpages, with as many buttons to click, as a forum-page.
 
Certain firewalls and ad-blocking software consider a 100x100 picture as "ad".
Use 100x99 or 99x100 or whatever.
The Kilveymap e.g. is suppressed in my browser by Agnitum Outpost Pro (my firewall).

PS: Last night I sent an email to your AOL-address with files for your "buttons".
 
Thankyou very much!!!

I've uploaded the files, and modified the pages. The "buttons" look really good! I'll have to look at the copyright attribute side of the bottom nav to see if I can change those links too while preserving the javascript. It shouldn't be too hard (at least, I hope not!)

I've also taken your advice and used 100x99 on the kilveymap image.

I may think about re-styling the top nav now though. I'm not sure yet. It may just be because I'm tired, but I'm not sure if it looks quite "right". It certainly doesn't look bad though.

(also, I've copied and pasted your comments into each page too. :) )
 
On the index.html and other pages, after the
<link rel="script" type="text/javascript" href="script.js">
insert:
<script language="JavaScript" src="popup.js"></script>

The "footer" will look like:
Code: 
  <tr>
    <td align="left">
      <script language="JavaScript" src="tributes.js"></script>
    </td>
    <td align="right">
      <script language="JavaScript" src="menu_bot.js"></script>
    </td>
  </tr>

add these 2 files:
popup.js
Code: 
<!-- Begin
// NOTE: If you use a ' add a slash before it like this \'

var TRIB_width 	= 250	// WINDOW WIDTH
var TRIB_height = 400	// WINDOW HEIGHT

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width='+TRIB_width+',height='+TRIB_height+',left=1,top=1');");
}

//  End -->
Watch out that "T RIB" looks funny in the code, should be TRIB (Forum-quirk)

tributes.js
Code: 
<!-- Begin
// NOTE: If you use a ' add a slash before it like this \'

document.write('<table width="75%" cellpadding="1" cellspacing="1" ><tr><td align="center" class="menu_nav">');
document.write('<font color="#FFFFFF">&copy;2004 Copyright Tributes:</font>');

document.write('</td><td width="3">&nbsp;<br></td><td align="center" class="menu_nav">');
document.write('<a href="javascript:popUp(\'website.html\')">Website</a><br>');

document.write('</td><td width="3">&nbsp;<br></td><td align="center" class="menu_nav">');
document.write('<a href="javascript:popUp(\'Images.html\')">Images</a><br>');

document.write('</td><td width="3">&nbsp;<br></td><td align="center" class="menu_nav">');
document.write('<a href="javascript:popUp(\'book.html\')">Book</a><br>');

document.write('</td></tr></table>');

//  End -->

PS: the things are Tributes, not Attributes !
 
Thanks RBS!!!!!

I'm sorry I seem to have missed this. I've unfortunately been working on changing the head gasket on a Citroen ZX 1.9TD. (not a nice job! It's probably one of the most difficult head gaskets on an old-ish car I've ever seen.)

I'll be adding up a new page or two within the next couple of days, as I'll be getting some of that extra info from the authoress. I'll get those "Tributes" (thanks ;)) sorted out at the same time. :)
 
OK, Thankyou for your help RBS.

The site is now to all intents ready to go live.

One thigh that bemuses me a little though, is the fact that 5starsnews.com seems to have listed this thread as a news item!?!?!

I'd never have known if I hadn't searched for pages containing the address of the site on google. The questions I find myself asking are how, and why? lol
 
Ah, Quite possibly. I hadn't thought of that. Unlike thighs. lol. That MUST have been a freudian slip. I can't say it was a typo. Thing is nothing like thigh. not evenn on a keyboard. oops. :blush:
 
You must log in or register to reply here.

Similar threads

K
  • Locked
Help with web browser (IE and firefox issues)
Replies
5
Views
2K
Archean
Archean
luvhuffer
  • Locked
Spam Robots Help Needed For My Site
Replies
4
Views
3K
luvhuffer
luvhuffer

Latest posts

Back