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
 
 Reply to this topicStart new topic
Replies
Barons
post Feb 22 2011, 11:30 PM
Post #2


Member
***

Group: Members
Posts: 70
Joined: 7-November 10
Member No.: 13,091
What do you mean not recognizing your CSS styles? It's showing up to me.

Is there one part of your code that not showing up?
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: 19th April 2024 - 03:10 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC