CSS not showing up right

Eliyahu · Posted: Wed Sep 17, 2003 6:12 pm Post subject: CSS not showing up right

OK, so some friends who I host a site for redesigned their site using CSS but for some reason their site does not come out right in a browser.

Some of the images do not show up and if they do they are all fuzzy or distorted.... none of the imbedded images show up and imbeded links do not work at all.

Why is this and how can it be fixed ???

BTW, this is the best server program I have ever used !!!! it ahs been running on my computer since march with little or no problems and I host 23 sites with it now.

mcwilliams132 · - Joined: 27 Jul 2003 Posts: 167 Location: Oshkosh, WI

What browser is it failing in?

How is the CSS being accessed? Is it embeded or linked? If linked, is it linked properly?

Are all links relatvie? There may be absolute links.

As for images...are they properly listing the physical width and height? If the width and height of the image is bigger or smaller..the browser has to resize it, which would cause images to become blurry or distorted.

Can you post a link to the pages in question for review?

JP
_________________
::::::::::::::::::::::::::::::::::::::::::::::::::
:: Jon-Paul LeClair
:: http://mcwilliamsworld.com
:: "Lobster sticks to magnet!"

eliyahu simchah · Posted: Mon Sep 22, 2003 12:57 am Post subject:

The site is failing in every browser.... IE, Netscape (both 4.5 and 7.1), Neoplanet, Mozilla..... you name it if it's a browser it's failing..... but here is a link as it appears on my server.

http://66.69.83.40:8080/doubledose/newsite/

If you could figure out what is going wrong that would be great

mcwilliams132 · - Joined: 27 Jul 2003 Posts: 167 Location: Oshkosh, WI

#1...you're using a ton of frames...I'd avoid frames at all cost since most people hate them, and they're unpredictable in browsers

#2...you're not really using CSS...sure you're setting some background colors and images...but that's about it.

You're main problem is that your JAVASCRIPT image preloaders (mainly in the header frame)...is referencing graphics that are not there or not in the directory structure...

Most images in the preload script are referenced here:
images/index_25-index_27_press.gif

but looking at images that DO show up are referenced like such:
site.images/home/new_album.gif

I'm guessing you don't have everything where it needs to be.

Since the site was sliced up in ImageReady...It generates it's own rollover script and if you don't follow the image directories that ImageReady creates...nothing will work.

Move your images to the proper folders or edit the javascript.

But CSS is NOT your problem...although you'd be better served by avoiding the whole TABLES FOR LAYOUT thing and go pure CSS...but that's another lesson...
_________________
::::::::::::::::::::::::::::::::::::::::::::::::::
:: Jon-Paul LeClair
:: http://mcwilliamsworld.com
:: "Lobster sticks to magnet!"

eliyahu simchah · Posted: Tue Sep 23, 2003 1:47 am Post subject:

Thanx for the review.... I was not the one that designed the site just the one hosting it.... I have forwwarded your post to Matt & Dan to let them know an outside opinion on the site.

As for frames I hate them as well.... if it were up to me I would have gone more with a tables layout.... but it wasn't.... I told them I could redesign the site to show up better in all browsers.... they're gonna give the other guy one last chance.

funny this is that all my other sites show up fine.

mcwilliams132 · - Joined: 27 Jul 2003 Posts: 167 Location: Oshkosh, WI

I'm glad I could help.

It's a pain having to deal with other's mess.

I'm sorry if I implicated you on the problem...please take no offence...

They should be able to figure it out...It's fairly simple but over all..looking at the backend of things...it's quite messy.

I get to deal with this stuff all day as I'm a web developer/designer for a large corporation. It's not fun having to clean up other's messes...

Best of luck if they get it fixed!
_________________
::::::::::::::::::::::::::::::::::::::::::::::::::
:: Jon-Paul LeClair
:: http://mcwilliamsworld.com
:: "Lobster sticks to magnet!"

olivierp · - Joined: 23 Apr 2004 Posts: 54 Location: Montreal, Qc

Hi Jean-Pierre,

Thanks for your time !

I'm trying to use CSS styles on a form processing page (form.php) However, the style ain't showing.

Here's the page :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="formstyle.css" rel="stylesheet" type="text/css">
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<?
// THIS IS THE BEGIINNING OF THE PHP CODE

$name = @$HTTP_POST_VARS['name'];
$address = @$HTTP_POST_VARS['address'];
$state = @$HTTP_POST_VARS['state'];
$city = @$HTTP_POST_VARS['city'];
$zip = @$HTTP_POST_VARS['zip'];
$country = @$HTTP_POST_VARS['country'];
$phone = @$HTTP_POST_VARS['phone'];
$email = @$HTTP_POST_VARS['email'];
$comments = @$HTTP_POST_VARS['comments'];
$fax = @$HTTP_POST_VARS['fax'];
$error_msg="";
$msg="";

if(!$name){
$error_msg .= "Nom complet \n";
}
if($name){
$msg .= "Nom complet: \t $name \n";
}

if($city){
$msg .= "Ville: \t $city \n";
}

if(!$phone){
$error_msg .= "Téléphone \n";
}
if($phone){
$msg .= "Téléphone: \t $phone \n";
}

if(!$email){
$error_msg .= "Courriel \n";
}
if($email){
if(!eregi("^[a-z0-9_]+@[a-z0-9\-]+\.[a-z0-9\-\.]+$", $email)){
echo 'Cette adresse courriel n est pas valide. S.V.P.<a href="javascript:history.back()"> retournez </a> vers la page précédente et réessayer.';
exit;
}
$msg .= "Courriel: \t $email \n";
}

if($comments){
$msg .= "Commentaires: \t $comments \n";
}
$sender_email="";

if(!isset($name)){
if($name==""){
$sender_name="Web Customer";
}
}else{
$sender_name=$name;
}
if(!isset($email)){
if($email==""){
$sender_email="Customer@website.com";
}
}else{
$sender_email=$email;
}
if($error_msg != ""){
echo"Vous n'avez pas rempli le ou les champs:<br>"
. nl2br($error_msg) .'<br>S.V.P. <a href="javascript:history.back()"> retournez </a> à la '
." page précédente et réessayer.";
exit;}
$mailheaders = "MIME-Version: 1.0\r\n";
$mailheaders .= "Content-type: text/plain; charset=iso-8859-1\r\n";
$mailheaders .= "From: $sender_name <$sender_email>\r\n";
$mailheaders .= "Reply-To: $sender_email <$sender_email>\r\n";
mail("olivierparenteau@videotron.ca","TESTING",stripslashes($msg), $mailheaders);
echo "<html> <head> <title>Thanks For Your Submission
</title>
</head>
<body>
<h2>Merci pour votre soumssion $name</h2>
";echo '<b>L information ci-dessous nous sera envoyée.</b> <br>';echo nl2br(stripslashes($msg));echo '<br><br></body></html>';
//THIS IS THE END OF THE PHP CODE ?>
</body>
</html>

Thanks again for your time !

Olivier

mcwilliams132 · - Joined: 27 Jul 2003 Posts: 167 Location: Oshkosh, WI

I'm not sure what to tell you...

I'm not a PHP guru at all...I do ASP...but from what I can tell, it doesn't look like your Page writes the HTML properly...

At the beginning you have
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="formstyle.css" rel="stylesheet" type="text/css">
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>

Which is good but after that your code writes out information improperly...

I see another start of an HTML document:

echo "<html> <head> <title>Thanks For Your Submission
</title>
</head>
<body>
<h2>Merci pour votre soumssion $name</h2>
";echo '<b>L information ci-dessous nous sera envoyée.</b> <br>';echo nl2br(stripslashes($msg));echo '<br><br></body></html>';
//THIS IS THE END OF THE PHP CODE ?>
</body>
</html>

This wouldn't be so much of a problem if you were attempting to write two different pages out within a IF/Then statement...but I don't see that happening (as far as I can tell).

I see the begining writing a page with a CSS link to "FORMSTYLE.CSS" then a new page is written (to the same page) toward the end with no CSS link.

I tried accessing the page from the link within this thread but it doesn't appear to be live.

I don't see how this page can render properly...

is there an updated link?
_________________
::::::::::::::::::::::::::::::::::::::::::::::::::
:: Jon-Paul LeClair
:: http://mcwilliamsworld.com
:: "Lobster sticks to magnet!"

olivierp · - Joined: 23 Apr 2004 Posts: 54 Location: Montreal, Qc

Oops, I'm terribly sorry, I was looking at my posts and realised I never replied to your help...

I do not remember how that problem was fixed...

But thanks for the time you gave me...

And sorry again for not replying to your post.