Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Location
    South Africa
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Assistance In Amending A CSS Template

    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/...ign/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.
    Last edited by barrym67; 09-14-2007 at 08:42 PM. Reason: URL Trouble

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    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.
    Code:
    <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">
    Last edited by jlhaslip; 09-15-2007 at 02:55 AM. Reason: close bbcode... Oopsie!!!

  • #3
    New to the CF scene
    Join Date
    Sep 2007
    Location
    South Africa
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you so much jlhaslip, with everyones help I have sorted out the page.

    I truly appreciate your time taken to respond.

    Regards

    Barry


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •