This is nuts!
These are the first things I fought over and now they are not working again.
The original “thread” said two months old - start a new thread!
In Chrome: no background-image and no picture. Background color and text shadow does show up.
In IE8: No text shadow , no picture, nor background-image but background color does show.
Also - POSITIONING - both horizontally and vertically are still impossible for me.
Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" /><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="keywords" content="orange county real estate, local broker, local real estate broker, local agent, local real estate agent, orange county real estate broker, orange county real estate agent." />
<title>Properties With Style Home Page - Orange County Real Estate</title>
<link href='http://fonts.googleapis.com/css?family=Tangerine|Crimson+Text&subset=latin&v2' rel='stylesheet' type='text/css'>
<link type="text/css" rel="stylesheet" href="css/testcss.css" media="screen,projection,tv"/>
<div class="tangerine">Properties With Style, Inc.</div>
<div class="tangerine40">A California Real Estate Corporation</div>
<p><img src="/images/ricksfadedpicture.jpg" alt="" width="180" height="240" />
<p>Rick Schreiber is <i>President</i> of <i>Properteis Wtih Style, Inc.</i>, and has been in the real estate industry for the past 30 years.</p>
</body>
</html>
CSS
body {background-color: #009;
background-image: url(/images/redshade.jpg);
background-attachment:fixed;
background-color:#C90;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:100%; line-height:1.25; padding: 8%;
}
#header {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:100%; line-height: 110%;
color: #CFF; text-align: justify; margin: 10px; float:right; clear:left; width:auto;
}
p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; font-size:100%; line-height:1.25;
}
p, h2, h3, h4, h5 {
text-align: left;
display: inherit;
vertical-align: middle;
width: 180px;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
float: left;
font-size: 80%;
height: 90px;
clear: left;
}
#content p {
text-align: justify;
line-height:125%;
margin:0 0 1em;
text-indent:1em;
color: #fff;
float:right;
}
#nav {
width: 320px;
padding:8px 0; 10px;
margin:0 25px 2em 10px;
float:left;
word-wrap:break-word;
font-size:90%;
}
#nav ul {
margin:0;
padding:0;
list-style:none;
width: 200px;
position:fixed;
}
#nav li {
font-size: 90%;
}
#nav a {
color:#fff;
text-decoration:none;
}
.tangerine{
font-family: 'Tangerine', serif; color:#0CF;
font-size: 80px;
font-style: normal;
font-weight: 400;
text-shadow: 5px 5px 5px #FFF;
text-decoration: none;
text-transform: none;
letter-spacing: 0.027em;
word-spacing: 0.094em;
line-height: 0.99;
text-align:left; margin-right:10px;
}
.tangerine40 {
font-family: 'Tangerine', serif; color:#0CF;
font-size: 50px;
font-style: normal;
font-weight: 400;
text-shadow: 5px 5px 5px #fff;
text-decoration: none;
text-transform: none;
letter-spacing: 0.027em;
word-spacing: 0.094em;
line-height: 0.99;
text-align:left; margin-right:10px;
}
I’m going to kill myself!
Rick