The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> it looks fine in Dreamweaver, why won't it recognise my CSS styles
AlexKidd
post Feb 22 2011, 11:24 PM
Post #1





Group: Members
Posts: 3
Joined: 22-February 11
Member No.: 13,952
the online site is located at: inmiracleworld.com

Code for pages follows:

CSS sheet


#right { width: 300px; float: right}
#left { width: 300px; float: left}


.page_container {
padding: 0px;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.bannerArea {
margin: 0px;
padding: 0px;
height: 140px;
width: 760px;
background-image: url(/for%20photoshop/Banner.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.contentArea {
margin: 0px;
width: 735px;
padding-left: 25px;
background-image: url(/for%20photoshop/template/images/images/images/page-tile.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
float: none;
}
body {
background-repeat: repeat-y;
background-position: 0px 0px;
background-color: #000;
background-image: url(/for%20photoshop/template/images/images/images/page-tile.jpg);
}
.left {
width: 360px;
margin-right: 300px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
padding-left: 50px;

}
.specialisation {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
color: #FFB366;
padding-left: 50px;
}
.right {
width: 240px;
margin-left: 310px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333;
font-style: italic;
}
.myname {
color: #689F9C;
font-weight: bold;
padding-left: 50px;



}
.floatingText {
color: #713800;
}
.floatingText {
font-size: 10px;
}
.floatingTextMain {
color: #713800;
.underpic {
font-family: Arial, Helvetica, sans-serif;
}
.underpic {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
color: #F7B553;
padding-left: 50px;
}
.contentArea #right .specialisation em {
color: #000;
}

.headInfluences {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #F7B553;
padding-left: 50px;
}
.excerpt {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-style: italic;
color: #000;
padding-right: 50px;
}
.footer {
background-image: url(/for%20photoshop/template/images/page-bottom.jpg);
height: 60px;
width: 760px;
}
.saucy {
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding-right: 0px;
padding-left: 32px;
}
index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Alex Kidd - author and artist</title>
<link href="/new.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('/for photoshop/buttons/buttondown copy.jpg','/for photoshop/buttons/buttondown artblog.jpg','/for photoshop/buttons/buttondown writing.jpg','/for photoshop/buttons/buttondown contact.jpg')">
<div class="page_container">
<div class="bannerArea"></div>
<div class="contentArea"><div id="left"><p></p>
<p class="myname">Alex Henry Ginsberg Kidd</p>
<p class = "left"><img src="/for photoshop/out in the wilderness copy copy.jpg" width="285" height="383" /></p>
<p class="underpic">"Yesterday I slept, I did not want fame. Rich sounded nice. Simply a way to get things, nice things. In that same blue vein ran sports and falling. <br />
Scrapes and painful swelling. I desired flight. To repeat a pleasing action. To win."</p>
<span class="underpic"><span class="underpic"> - Alex</span>
</span></div>
<div id="right"><p class="quote"></p>
<p align="center">  </p>
<p align="center"> </p>
<p align="center"><a href="/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('index','','/for photoshop/buttons/buttondown copy.jpg',1)"><img src="/for photoshop/buttons/buttonup copy.jpg" name="index" width="67" height="67" border="0" id="index" /></a><a href="http://bug1879.blogspot.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Art Blog','','/for photoshop/buttons/buttondown artblog.jpg',1)"><img src="/for photoshop/buttons/buttonup artblog.jpg" name="Art Blog" width="67" height="67" border="0" id="Art Blog" /></a><a href="/writingpage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Writing','','/for photoshop/buttons/buttondown writing.jpg',1)"><img src="/for photoshop/buttons/buttonup writing.jpg" name="Writing" width="67" height="67" border="0" id="Writing" /></a><a href="/contactpage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','/for photoshop/buttons/buttondown contact.jpg',1)"><img src="/for photoshop/buttons/buttonup contact.jpg" name="contact" width="67" height="67" border="0" id="contact" /></a></p>
<p> </p>
<p><span class="left">Author</span> </p>
<p class="saucy"><em>fantasy fear and violence novels with scientific speculation, urban poetry and philosophical ponderings</em></p>
<span class="left">Artist</span>
<p class="saucy"><em>Environment design for games, installation art, game character design</em></p></div>
</div>
</div>
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
AlexKidd   it looks fine in Dreamweaver   Feb 22 2011, 11:24 PM
Barons   What do you mean not recognizing your CSS styles? ...   Feb 22 2011, 11:30 PM
AlexKidd   What do you mean not recognizing your CSS styles?...   Feb 22 2011, 11:59 PM
pandy   Fix this. http://jigsaw.w3.org/css-validator/valid...   Feb 23 2011, 12:11 AM
Darin McGrew   The online tools report markup and CSS errors: htt...   Feb 23 2011, 01:06 AM
AlexKidd   the code is probably still full of bugs, because I...   Feb 23 2011, 01:29 AM
pandy   Why didn't you fix the one CSS error you had t...   Feb 23 2011, 08:36 AM

« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 18th April 2024 - 02:03 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC