Hello,
I have a project for school due this week. I need to have a splash page and 2 other pages. One of those pages must not contain a link to CSS.
I have the main layout done with some text and effects. The problem is that I am positioning everything with CSS (including paragraphs). Therefore if I do not include a link to a css page, the layout will not look right (he wants it to look right even without CSS). The only way I can think of fixing this problem is just to include the <p> </p> in side the div but I want more control over position.
I also have another problem, When I preview my page using dreamweaver CS3 in FIrefox everything looks fine however when viewing in IE its looks messed and some effects do not work (bliking for example) and text font is different. How can I fix this.
Note: Content is dummy content.
Here is the code:
<!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>The City</title>
<style type="text/css">
body{
background-image: url(images/DSC_2609.JPG);
}
#banner{
position:absolute;
left:250px;
top:0px;
}
#content{
position:absolute;
top:178px;
left:250px;
}
#navbar{
position:absolute;
top:149px;
left:250px;
}
#footer{
position:absolute;
bottom:30px;
left:250px;
}
h1{
position:absolute;
left:78px;
font-family:Arnoldboecklin, fantasy;
text-decoration:blink;
color:#CC0000;
}
h2{
position:absolute;
top:200px;
left:335px;
font-family:Arnoldboecklin, fantasy;
text-decoration:underline;
text-decoration:line-through;
color:#CC0000;
}
p{
position:absolute;
top:230px;
left:335px;
font-family: Arnoldboecklin, fantasy;
color:#0000CC;
}
</style>
</head>
<body>
<div id="banner"><img src="images/Banner.gif" /></div>
<h1> Welcome To </h1>
<div id="content"><img src="images/content1.gif" /></div>
<h2> About </h2>
<p>The city is a critically acclaimed PC game, developed by marionette design and published by EA Games.</p>
<div id="navbar"><img src="images/navbar.gif" /></div>
<!-- <div id="leftwrapper"><img src="images/left_wrapper.gif" /></div>
<div id="homeoriginal"><img src="images/home_orignal.gif" /></div> -->
<div id="footer"><img src="images/Footer.gif" /></div>
</body>
</html>