...

View Full Version : Assistance In Amending A CSS Template



barrym67
09-14-2007, 08:34 PM
Hi there, I am new to this forum and to CSS. I have a CSS template that needs some changes done to it. I have numerous issues I need to sort out and they are all listed on the page that needs the changes. You can view the page here: http://www.psptubez.com/gentle_blue/current_design/index.html (Open the link in a new tab or window if clicking on it "does nothing").

I know that there are quite a few things that I need sorting out, but if you can help with just one of the issues I would be ever so grateful. Please take a look and see if you are able to help. I have been sitting for days battling and am getting nowhere. I know I need to do some tutorials on CSS but at the moment I do not have the time as this website has to be up within the next week.

Most gracious for your time. Thank you.

jlhaslip
09-15-2007, 02:54 AM
Your script is adding some Images into the page between the opening body tag and the start of your page container. And there is embedded CSS for positioning them using absolute positioning. find out how and where those absolute positionings are included into your page and adjust the positioning.


<link rel="stylesheet" type="text/css" media="screen,projection,print" href="css/layout4_text.css" />
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<title>Multiflex-3 Update-7 / Overview</title>
<style type="text/css">
<!--
.style2 {
font-size: 140%
}
#apDiv1 {
position:absolute;
left:63px;
top:157px;
width:244px;
height:186px;
z-index:101;
}
#apDiv2 {
position:absolute;
left:40px;
top:80px;
width:200px;
height:160px;
z-index:101;
background-image: url(img/header_slide_background.png);
}

--- deleted a couple more here -----
.style34 {color: #F6130C}
-->
</style>
</head>

<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

<body>
<!-- Main Page Container -->
<div id="apDiv3">
<div align="center"><br />
<img src="img/GB4.jpg" alt="" width="164" height="116" /><br />
</div>
</div>
<div id="apDiv4">

<div align="center"><br />
<img src="img/GB8.jpg" alt="" width="164" height="116" /><br />
</div>
</div>
<div id="apDiv5">
<div align="center" class="style3">Very Big Shark</div>
</div>
<div id="apDiv6">
<div align="center"><span class="style3">Big Fish </span></div>
</div>
<div id="apDiv7">

<div align="center"><span class="style3">Neon Tetras</span></div>
</div>
<div id="apDiv8">
<div align="center"><br />
<img src="img/GB2.jpg" alt="" width="164" height="116" /></div>
</div>
<div id="apDiv9"></div>
<div class="page-container">

<!-- For alternative headers START PASTE here -->

<!-- A. HEADER -->
<div class="header">

barrym67
09-15-2007, 06:35 PM
Thank you so much jlhaslip, with everyones help I have sorted out the page.

I truly appreciate your time taken to respond.

Regards

Barry



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum