This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > March 2005 > browser preview different from stage
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
browser preview different from stage
|
|
|
| Hmmmmm...
I have begun an extremely basic page in order to learn and grasp CSS.
Working in the stage of DW, everything looks good. When I go F12 to preview,
I get a white background and what looks like default text. Stumped.
The HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="/css/new.css" rel="stylesheet" type="text/css">
</head>
<body>
<p class="texttest">learning CSS </p>
</body>
</html>
The CSS file:
body {
background-image: url(/images/background_image_large_light.gif);
background-repeat: repeat;
}
..texttest {
font-family: "Action Jackson";
font-size: 24px;
text-decoration: line-through;
}
| |
|
| > <link href="/css/new.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/new.css" />
change that for starters.
Make your style sheet look a bit more like the following:
body {background-image: url(/images/background_image_large_light.gif);
background-repeat: repeat; }
.texttest {font-family: "Action Jackson";
font-size: 24px;
text-decoration: line-through;}
Additionally, your Action Jackson font may look nice on your computer, but I
won't be able to see it on mine. You'll need to make sure that whatever
font you choose (if not in am image but in straight HTML) is a common one so
that everybody will have it.
--
::-----::-----::
thanks,
Jon Parkhurst
PriivaWeb, Inc.
http://priiva.net
I don't wanna grow up, I'm a ToysRUs Kid....
"Hag" <feedback@williamsdirect.net> wrote in message
news:d2eteh$mq3$1@forums.macromedia.com...
> Hmmmmm...
>
> I have begun an extremely basic page in order to learn and grasp CSS.
> Working in the stage of DW, everything looks good. When I go F12 to
> preview, I get a white background and what looks like default text.
> Stumped.
>
>
> The HTML:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Untitled Document</title>
> </head>
>
> <body>
> <p class="texttest">learning CSS </p>
> </body>
> </html>
>
>
>
> The CSS file:
> body {
>
> background-image: url(/images/background_image_large_light.gif);
>
> background-repeat: repeat;
>
> }
>
> .texttest {
>
> font-family: "Action Jackson";
>
> font-size: 24px;
>
> text-decoration: line-through;
>
> }
>
>
| |
|
| thanks for the reply, but it has made no difference
Looking at your suggestions:
1. Does it make a difference in the link which order the href, rel or type
is?
2. I don't see any difference in the change of the style sheet other than
spacing, and from what I understand, the spacing makes no difference other
than how one wants to view it?
(btw, I only am using the Action Jackson in order to completely see the
difference if the text goes to default, and won't use it when uploading for
exactly the reasons you suggested)
"crash" <admin@NOMAILstormwraith.net> wrote in message
news:d2f0ku$rdp$1@forums.macromedia.com...
>
> <link rel="stylesheet" type="text/css" href="css/new.css" />
>
> change that for starters.
>
> Make your style sheet look a bit more like the following:
>
> body {background-image: url(/images/background_image_large_light.gif);
> background-repeat: repeat; }
>
> .texttest {font-family: "Action Jackson";
> font-size: 24px;
> text-decoration: line-through;}
>
> Additionally, your Action Jackson font may look nice on your computer, but
> I won't be able to see it on mine. You'll need to make sure that whatever
> font you choose (if not in am image but in straight HTML) is a common one
> so that everybody will have it.
>
>
> --
>
>
> ::-----::-----::
>
> thanks,
>
> Jon Parkhurst
> PriivaWeb, Inc.
> http://priiva.net
>
> I don't wanna grow up, I'm a ToysRUs Kid....
> "Hag" <feedback@williamsdirect.net> wrote in message
> news:d2eteh$mq3$1@forums.macromedia.com...
>
>
| |
| Travis 2005-03-30, 6:51 pm |
| Neither one should make a difference. He added a / at the end but since
you are using an HTML transitional doctype you don't need the /. My
guess is that you don't have the correct file path for your background.
Can you provide us with a URL?
Travis
***************************************
http://www.w3schools.com - Online Web Tutorials
http://www.projectseven.com - Dreamweaver Extensions & CSS Tutorials
http://www.webblobber.com - Free Templates, Javascript, Fonts & More.
***************************************
Hag wrote:
> thanks for the reply, but it has made no difference
> Looking at your suggestions:
>
> 1. Does it make a difference in the link which order the href, rel or type
> is?
>
> 2. I don't see any difference in the change of the style sheet other than
> spacing, and from what I understand, the spacing makes no difference other
> than how one wants to view it?
>
> (btw, I only am using the Action Jackson in order to completely see the
> difference if the text goes to default, and won't use it when uploading for
> exactly the reasons you suggested)
>
> "crash" <admin@NOMAILstormwraith.net> wrote in message
> news:d2f0ku$rdp$1@forums.macromedia.com...
>
>
>
| |
|
| how do they not make a difference? Can you get to anything at
yourdomain.com\your directory\?
url would be best. It most likely that he's not finding the style sheet,
not the background image as he says the text is deafult, and therefore not
picking up the styling.
--
::-----::-----::
thanks,
Jon Parkhurst
PriivaWeb, Inc.
http://priiva.net
I don't wanna grow up, I'm a ToysRUs Kid....
"Travis" <spam@no.spam> wrote in message
news:d2f6vb$6qr$1@forums.macromedia.com...[color=darkred]
> Neither one should make a difference. He added a / at the end but since
> you are using an HTML transitional doctype you don't need the /. My
> guess is that you don't have the correct file path for your background.
> Can you provide us with a URL?
>
> Travis
> ***************************************
> http://www.w3schools.com - Online Web Tutorials
> http://www.projectseven.com - Dreamweaver Extensions & CSS Tutorials
> http://www.webblobber.com - Free Templates, Javascript, Fonts & More.
> ***************************************
>
> Hag wrote:
| |
| Travis 2005-03-30, 6:51 pm |
| <link href="/css/new.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/new.css" />
Apologies I was referring to the closing slash you typed in at the end
of the link tag not the removal of the / in the href location. In fact
I didn't even see that one removed until you pointed it out.
Travis
***************************************
http://www.w3schools.com - Online Web Tutorials
http://www.projectseven.com - Dreamweaver Extensions & CSS Tutorials
http://www.webblobber.com - Free Templates, Javascript, Fonts & More.
***************************************
crash wrote:
> how do they not make a difference? Can you get to anything at
> yourdomain.com\your directory\?
>
> url would be best. It most likely that he's not finding the style sheet,
> not the background image as he says the text is deafult, and therefore not
> picking up the styling.
>
| |
|
|
| Murray *TMM* 2005-03-30, 6:51 pm |
| See below -
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"Hag" <feedback@williamsdirect.net> wrote in message
news:d2f4m5$3qq$1@forums.macromedia.com...
> thanks for the reply, but it has made no difference
> Looking at your suggestions:
>
> 1. Does it make a difference in the link which order the href, rel or type
> is?
No.
>
> 2. I don't see any difference in the change of the style sheet other than
> spacing, and from what I understand, the spacing makes no difference other
> than how one wants to view it?
Makes no difference.
>
> (btw, I only am using the Action Jackson in order to completely see the
> difference if the text goes to default, and won't use it when uploading
> for exactly the reasons you suggested)
>
> "crash" <admin@NOMAILstormwraith.net> wrote in message
> news:d2f0ku$rdp$1@forums.macromedia.com...
>
>
| |
|
| sorry, i missed this post.
the spacing makes no technical difference, but since you're starting out in
CSS, you should start out and try to keep things net and nice. It will help
a ton when you start troubleshooting.
Can you publish the page? Is there an url you could provide?
--
::-----::-----::
thanks,
Jon Parkhurst
PriivaWeb, Inc.
http://priiva.net
I don't wanna grow up, I'm a ToysRUs Kid....
"Hag" <feedback@williamsdirect.net> wrote in message
news:d2f4m5$3qq$1@forums.macromedia.com...
> thanks for the reply, but it has made no difference
> Looking at your suggestions:
>
> 1. Does it make a difference in the link which order the href, rel or type
> is?
>
> 2. I don't see any difference in the change of the style sheet other than
> spacing, and from what I understand, the spacing makes no difference other
> than how one wants to view it?
>
> (btw, I only am using the Action Jackson in order to completely see the
> difference if the text goes to default, and won't use it when uploading
> for exactly the reasons you suggested)
>
> "crash" <admin@NOMAILstormwraith.net> wrote in message
> news:d2f0ku$rdp$1@forums.macromedia.com...
>
>
| |
|
| Interesting...I made one small change: After the css (in the <link
href="css.....) I put a backslash instead of a forward slash. Now the style
sheet shows up and almost everything works. Not sure why the slash makes the
difference tho. The only problem is I still can't get the link to images to
show up in preview (only in the DW stage) So, I have a link to image for a
background but it doesn't want to work. I tried both document and site root
(although I am still learning what these really mean). There must be
something I am missing with my directory. However, I can insert an image and
that works. I'm getting more confused. Ugh.
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="css\newfromnewsgroup.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div class="Mainlayer" style="position:absolute; left:283px; top:31px;
width:163px; height:119px; z-index:1">holy smokes, this doesn't make sense
</div>
<p class="texttest">learning CSS </p>
</body>
</html>
CSS file:
..texttest {
font-family: "Action Jackson";
font-size: 24px;
text-decoration: line-through;
background-image: none;
}
..Mainlayer {
border: thick dotted;
background-image: url(images/background_image_large_light.gif);
}
"crash" <admin@NOMAILstormwraith.net> wrote in message
news:d2f78s$78n$1@forums.macromedia.com...
> how do they not make a difference? Can you get to anything at
> yourdomain.com\your directory\?
>
> url would be best. It most likely that he's not finding the style sheet,
> not the background image as he says the text is deafult, and therefore not
> picking up the styling.
>
> --
>
>
> ::-----::-----::
>
> thanks,
>
> Jon Parkhurst
> PriivaWeb, Inc.
> http://priiva.net
>
> I don't wanna grow up, I'm a ToysRUs Kid....
> "Travis" <spam@no.spam> wrote in message
> news:d2f6vb$6qr$1@forums.macromedia.com...
>
| |
|
| I published the page: http://ca.geocities.com/aldenr@rogers.com/trial.html
"crash" <admin@NOMAILstormwraith.net> wrote in message
news:d2f8km$991$1@forums.macromedia.com...
> sorry, i missed this post.
>
> the spacing makes no technical difference, but since you're starting out
> in CSS, you should start out and try to keep things net and nice. It will
> help a ton when you start troubleshooting.
>
> Can you publish the page? Is there an url you could provide?
>
>
>
> --
>
>
> ::-----::-----::
>
> thanks,
>
> Jon Parkhurst
> PriivaWeb, Inc.
> http://priiva.net
>
> I don't wanna grow up, I'm a ToysRUs Kid....
> "Hag" <feedback@williamsdirect.net> wrote in message
> news:d2f4m5$3qq$1@forums.macromedia.com...
>
>
| |
| Gary White 2005-03-30, 11:20 pm |
| "Hag" <feedback@williamsdirect.net> wrote in message
news:d2fdrn$flg$1@forums.macromedia.com...
> I published the page:
>http://ca.geocities.com/aldenr@rogers.com/trial.html
Your style sheet is an HTML page. You need to get ALL of the HTML and
JavaScript out of the style sheet at css\newfromnewsgroup.css
Gary
| |
|
| Not sure I understand what you mean. This is what is in my style sheet:
..texttest {
font-family: "Courier New", Courier, mono;
font-size: 24px;
text-decoration: line-through;
background-image: none;
}
..Mainlayer {
border: thick dotted;
background-image: url(images/background_image_large_light.gif);
}
body { background-image: url(images/forwardslash.gif);}
"Gary White" <reply@newsgroup.please> wrote in message
news:d2fk6p$ndh$1@forums.macromedia.com...
> "Hag" <feedback@williamsdirect.net> wrote in message
> news:d2fdrn$flg$1@forums.macromedia.com...
>
>
> Your style sheet is an HTML page. You need to get ALL of the HTML and
> JavaScript out of the style sheet at css\newfromnewsgroup.css
>
> Gary
>
>
| |
|
| > Not sure why the slash makes the difference tho.
just remember it makes one. :O)
> show up in preview (only in the DW stage) So, I have a link to image for a
> background but it doesn't want to work. I tried both document and site
> root
i c a background image, is everything ok?
--
::-----::-----::
thanks,
Jon Parkhurst
PriivaWeb, Inc.
http://priiva.net
I don't wanna grow up, I'm a ToysRUs Kid....
"Hag" <feedback@williamsdirect.net> wrote in message
news:d2fbsq$d8p$1@forums.macromedia.com...
> Interesting...I made one small change: After the css (in the <link
> href="css.....) I put a backslash instead of a forward slash. Now the
> style
> (although I am still learning what these really mean). There must be
> something I am missing with my directory. However, I can insert an image
> and that works. I'm getting more confused. Ugh.
>
>
> HTML:
>
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Untitled Document</title>
> <link href="css\newfromnewsgroup.css" rel="stylesheet" type="text/css">
> <script language="JavaScript" type="text/JavaScript">
> <!--
> function MM_reloadPage(init) { //reloads the window if Nav4 resized
> if (init==true) with (navigator) {if
> ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
> document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
> onresize=MM_reloadPage; }}
> else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
> location.reload();
> }
> MM_reloadPage(true);
> //-->
> </script>
> </head>
> <body>
> <div class="Mainlayer" style="position:absolute; left:283px; top:31px;
> width:163px; height:119px; z-index:1">holy smokes, this doesn't make sense
> </div>
> <p class="texttest">learning CSS </p>
> </body>
> </html>
>
>
> CSS file:
>
> .texttest {
> font-family: "Action Jackson";
> font-size: 24px;
> text-decoration: line-through;
> background-image: none;
> }
> .Mainlayer {
> border: thick dotted;
> background-image: url(images/background_image_large_light.gif);
> }
>
>
>
>
> "crash" <admin@NOMAILstormwraith.net> wrote in message
> news:d2f78s$78n$1@forums.macromedia.com...
>
>
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|