PHP Style Switcher

AdemoS · 12-28-2006, 07:58 AM

Before posting this question, I tried searching CodingForums and found this thread.

I'm using the same A List Apart method, and having the same issue as that poster. However their solution didn't help me; I can't even get the preliminary style sheet to load when the user visits my test page, let alone switch to the others.

Switcher.php:

PHP Code:


			
<?php 
setcookie('sitestyle', $set, time()+31536000, '/', 'blkflm.com', '0');
header("Location: $HTTP_REFERER"); 
?>

Calling The Style:

Code:

<link rel="stylesheet" type="text/css" media="screen" title="BLKFLM Layout" href="http://blkflm.com/css/<?php echo (!$sitestyle)?'wisdom.tab1':$sitestyle ?>.css" />

An Example of a Link:

Code:

<a href="/php/switcher.php?set=wisdom.tab1">Summary</a>

The area I'm testing this at is:
http://www.blkflm.com/TESTING6/

As you can see there, the default style sheet won't even appear...

To get an idea of what I was trying to do with the tabs, open this page in Firefox. View/Styles and click around. You'll see I was using CSS and hide and display tabs.

All that's left for me to add is a StyleSheet switcher, and since Javascript can be disabled I was hoping to go with PHP.

Any help would be imensely appreciated, since I've been spending three days straight just trying to get this going.

_Aerospace_Eng_ · 12-28-2006, 08:09 AM

Personally I like the methods found here
http://www.joe2torials.com/view_tutorial.php?view=52
http://www.joe2torials.com/view_tutorial.php?view=53

AdemoS · 12-28-2006, 08:50 AM

Ahh perfect, I didn't want a cookie-version because I want the tabs to reset themselves on each visit, this may work better.

Thanks a lot, definitely trying this tommarow. Thanks for the lightspeed reply though, I didn't expect reply UNTILL tommarow. xD

EDIT: Oh wow even BETTER than I was expecting! With his method I can even link to a specific TAB! Rather then just linking to the page itself, and instructing them to OPEN a tab. Perfect perfect, I'll report back if I have any problems. And yes Aerospace_Eng, I will validate everything first. :P Arbitrator has reminded me of that till I did it myself.

_Aerospace_Eng_ · 12-28-2006, 08:54 AM

Hmm from the looks of things though your original code might have worked IF the extension of your page was .php NOT .html.

AdemoS · 12-28-2006, 09:06 AM

Tried it just now:

http://www.blkflm.com/TESTING6/index.php

;p Thanks for the vote of confidence though. CSS and PHP have been and up-hill battle for me, so it was nice to see that. xD

AdemoS · 12-28-2006, 12:03 PM

Hmm tried Joe2torial.com's verison, still can't get it to work. Left my extension as .php too...?

http://www.blkflm.com/TESTING6

It shows nothing....

Here's my PHP as he instructed here:

PHP Code:


			
<?php session_start(); ?><!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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" href="http://blkflm.com/images/favicon.ico"/>
<title>BLKFLM||WISDOM : Bittorrent Network</title>

<?php 
if(isset($_GET['css'])){ 
switch ($_GET['css']) {

case 'tab2': 
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab2.css">'; 
$_SESSION['switchcss']=$stylesheet; 
break;

case 'tab3': 
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab3.css">'; 
$_SESSION['switchcss']=$stylesheet; 
break;

case 'tab3': 
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab4.css">'; 
$_SESSION['switchcss']=$stylesheet; 
break;

case 'tab4': 
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab5.css">'; 
$_SESSION['switchcss']=$stylesheet; 
break;

default: 
$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab1.css">'; $_SESSION['switchcss']=$stylesheet; } } 
$_SESSION['switchcss']=$stylesheet; 
} 
} 
?>

<?php echo ($_SESSION['switchcss'])? $_SESSION['switchcss']: '<link href="/css/wisdom.tab1.css" type="text/css" rel="stylesheet">';?>
</head>

Here's the code I enterted for a link:

Code:

<a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a>

and

Code:

<a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab2">Article</a>

Any ideas people?

EDIT: I also tried switching to his exact format for DOCTYPE, etc. Same broken result.

PHP Code:


			
<?php session_start(); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

_Aerospace_Eng_ · 12-28-2006, 12:23 PM

I see no source code on the page you linked to. Where is the rest of your html? Where is your link tag to the stylesheet?

AdemoS · 12-28-2006, 12:26 PM

No idea, the php file contains it, but rendering it in any browser shows a blank.

Here's what the php file looks like inside:

PHP Code:


			
<?php session_start(); ?><!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" xml:lang="en" lang="en"><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<link rel="shortcut icon" type="image/x-icon" href="http://blkflm.com/images/favicon.ico"/>

<title>BLKFLM||WISDOM : Bittorrent Network</title>



<?php 

if(isset($_GET['css'])){ 

switch ($_GET['css']) {



case 'tab2': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab2.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



case 'tab3': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab3.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



case 'tab4': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab4.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



case 'tab5': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab5.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



default: 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab1.css">'; $_SESSION['switchcss']=$stylesheet; } } 

$_SESSION['switchcss']=$stylesheet; 

} 

} 

?>



<?php echo ($_SESSION['switchcss'])? $_SESSION['switchcss']: '<link href="/css/wisdom.tab1.css" type="text/css" rel="stylesheet">';?>

</head><body>



    <div id="TopicBox">

      <h1>Bittorrent Network</h1>

      <ul>

        <li><a href="">BLKFLM||WISDOM</a></li>

        <li>/ <a href="">Resources</a></li>

        <li>/ <a href="">Software</a></li>

        <li>/ <a href="">Peer to Peer</a></li>

      </ul>

    </div>



    <div id="LeftLayoutBox">

      <div id="SiteLogo"></div>

      <ul>

        <li><a class="firstChild" href="">films</a></li>

        <!-- a.firstChild is to compensate for Internet Explorer 6's lack of support for the :first-child paseudo-class. -->

        <li><a href="">wisdom</a></li>

        <li><a href="">discuss</a></li>

        <li><a href="">hire</a></li>

      </ul>



      <div id="Scour">

        <form method="post" action="http://blkflm.com/php/scour-simple.php">

          <input id="search" value=" Keyword(s)" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="50" size="20" />

          <!-- An ID is used here to compensate for Internet Explorer 6's lack of support for attribute selectors. -->

          <input value="Scour" type="submit" />

        </form>

      </div>

      <div id="Assemblage">

        <form method="post" action="http://blkflm.com/php/login.php">

          <input id="username" value=" Username" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="25" size="20" />

          <input id="password" value=" Password" onfocus="if (this.value == this.defaultValue) this.value = '';" type="password" maxlength="20"  size="20" />

          <input value="Assemble" type="submit" />

          <input value="Clear" type="reset" />

        </form>

      </div>



      <div id="AssemblageEnroll">

        <a href="">Enroll</a>

      </div>

    </div>



    <div id="RightLayoutBox">

      <h3>Related Wisdom</h3>

      <ul>

        <li><a href="">Gnutella Network</a></li>

        <li><a href="">eDonkey2000 Network</a></li>

        <li><a href="">XDCC Transfers</a></li>

        <li><a href="">Fserv Transfers</a></li>

      </ul>

      <h3>Related Films</h3>

      <ul>

        <li><a href="">Bittorrent Network: VE</a></li>

        <li><a href="">Gnutella Network: VE</a></li>

        <li><a href="">eDonkey2000 Network: VE</a></li>

        <li><a href="">XDCC Transfers: VE</a></li>

        <li><a href="">Fserv Transfers: VE</a></li>

      </ul>

       <h3>Featured Wisdom</h3>

      <ul>

        <li><a href="">AnimeDB</a></li>

      </ul>

       <h3>Featured Film</h3>

      <ul>

        <li><a href="">Sorcery of The Mortals</a></li>

      </ul>

    </div>



    <div id="CenterLayoutBox">

      <ul>

        <li id="ContentButton1"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a> </li>

        <li id="ContentButton2"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab2">Article</a></li>

        <li id="ContentButton3"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab3">Screenshots</a></li>

        <li id="ContentButton4"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab4">Links</a></li>

        <li id="ContentButton5"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab5">Discussion</a></li>

      </ul>



      <div id="CenterContentMenu">

        <h2>Bittorrent Network</h2> 

        <h3>Last Updated 06/06/2006 by <span class="StaffSymbol">₪</span><span class="Username"><a href="">Adam</a></span></h3>

      </div>

    </div>

    

        <div id="CascadingContentBox1">

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

et, rutrum et, tortor.</p>

        </div>   

        <div id="CascadingContentBox2">

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

et, rutrum et, tortor.</p>

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

et, rutrum et, tortor.</p>

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

et, rutrum et, tortor.</p> 

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

et, rutrum et, tortor.</p>

        </div> 

        <div id="CascadingContentBox3">

           <div id="album">

               <ul class="gallery">

                <li><a href="#nogo">1<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_1.jpg" alt="landscape image 1" title="landscape image 1" /></a></li>

                <li><a href="#nogo">2<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_1.jpg" alt="portrait image 1" title="portrait image 1" /></a></li>

                <li><a href="#nogo">3<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_2.jpg" alt="landscape image 2" title="landscape image 2" /></a></li>

                <li><a href="#nogo">4<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_2.jpg" alt="portrait image 2" title="portrait image 2" /></a></li>

                <li><a href="#nogo">5<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_3.jpg" alt="landscape image 3" title="landscape image 3" /></a></li>

                <li><a href="#nogo">6<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_3.jpg" alt="portrait image 3" title="portrait image 3" /></a></li>

                <li><a href="#nogo">7<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_4.jpg" alt="landscape image 4" title="landscape image 4" /></a></li>

                <li><a href="#nogo">8<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_5.jpg" alt="landscape image 5" title="landscape image 5" /></a></li>

                <li><a href="#nogo">9<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_4.jpg" alt="portrait image 4" title="portrait image 4" /></a></li>

                <li><a href="#nogo">10<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_5.jpg" alt="portrait image 5" title="portrait image 5" /></a></li>

</ul>

              </ul>

           </div>

        </div>

        

        <div id="CascadingContentBox4">

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

odio. </p>

        </div>

        

        <div id="CascadingContentBox5">

      <p xml:lang="la" lang="la">Lorem

ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

aliquam sem ut arcu.</p>

      <p xml:lang="la" lang="la">Phasellus sollicitudin. Vestibulum condimentum

facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

quis libero. Cras venenatis. </p>

        </div>           

    

  

    <div id="copyright"><a href="http://legal.blkflm.com">Copyright</a> © 2006 BLKFLM Media Group <span class="tilde">~</span> Version 0.6  <span class="tilde">~</span> We Recommend <a href="http://blkflm.com/firefox">Firefox browser</a>

    </div>



  </body></html>

_Aerospace_Eng_ · 12-28-2006, 01:09 PM

You had a couple of extra brackets in there. Try this

PHP Code:


			
<?php 

session_start();

if(ini_get('session.use_trans_sid') == 1) // on some servers the session is attached to the url. This prevents that.

{

    ini_set('session.use_trans_sid','0');

}

?>

<!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" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="shortcut icon" type="image/x-icon" href="http://blkflm.com/images/favicon.ico"/>

<title>BLKFLM||WISDOM : Bittorrent Network</title>

<?php 

if(isset($_GET['css'])){ 

switch ($_GET['css']) {



case 'tab2': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab2.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



case 'tab3': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab3.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



case 'tab4': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab4.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



case 'tab5': 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab5.css">'; 

$_SESSION['switchcss']=$stylesheet; 

break;



default: 

$stylesheet = '<link rel="stylesheet" type="text/css" href="/css/wisdom.tab1.css">';

$_SESSION['switchcss']=$stylesheet; 

} 

} 

?>

<?php echo ($_SESSION['switchcss'])? $_SESSION['switchcss']: '<link href="/css/wisdom.tab1.css" type="text/css" rel="stylesheet">';?>

</head>

<body>

<div id="TopicBox">

    <h1>Bittorrent Network</h1>

    <ul>

        <li><a href="">BLKFLM||WISDOM</a></li>

        <li>/ <a href="">Resources</a></li>

        <li>/ <a href="">Software</a></li>

        <li>/ <a href="">Peer to Peer</a></li>

    </ul>

</div>

<div id="LeftLayoutBox">

    <div id="SiteLogo"></div>

    <ul>

        <li><a class="firstChild" href="">films</a></li>

        <!-- a.firstChild is to compensate for Internet Explorer 6's lack of support for the :first-child paseudo-class. -->

        <li><a href="">wisdom</a></li>

        <li><a href="">discuss</a></li>

        <li><a href="">hire</a></li>

    </ul>

    <div id="Scour">

        <form method="post" action="http://blkflm.com/php/scour-simple.php">

            <input id="search" value=" Keyword(s)" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="50" size="20" />

            <!-- An ID is used here to compensate for Internet Explorer 6's lack of support for attribute selectors. -->

            <input value="Scour" type="submit" />

        </form>

    </div>

    <div id="Assemblage">

        <form method="post" action="http://blkflm.com/php/login.php">

            <input id="username" value=" Username" onfocus="if (this.value == this.defaultValue) this.value = '';" type="text" maxlength="25" size="20" />

            <input id="password" value=" Password" onfocus="if (this.value == this.defaultValue) this.value = '';" type="password" maxlength="20"  size="20" />

            <input value="Assemble" type="submit" />

            <input value="Clear" type="reset" />

        </form>

    </div>

    <div id="AssemblageEnroll"> <a href="">Enroll</a> </div>

</div>

<div id="RightLayoutBox">

    <h3>Related Wisdom</h3>

    <ul>

        <li><a href="">Gnutella Network</a></li>

        <li><a href="">eDonkey2000 Network</a></li>

        <li><a href="">XDCC Transfers</a></li>

        <li><a href="">Fserv Transfers</a></li>

    </ul>

    <h3>Related Films</h3>

    <ul>

        <li><a href="">Bittorrent Network: VE</a></li>

        <li><a href="">Gnutella Network: VE</a></li>

        <li><a href="">eDonkey2000 Network: VE</a></li>

        <li><a href="">XDCC Transfers: VE</a></li>

        <li><a href="">Fserv Transfers: VE</a></li>

    </ul>

    <h3>Featured Wisdom</h3>

    <ul>

        <li><a href="">AnimeDB</a></li>

    </ul>

    <h3>Featured Film</h3>

    <ul>

        <li><a href="">Sorcery of The Mortals</a></li>

    </ul>

</div>

<div id="CenterLayoutBox">

    <ul>

        <li id="ContentButton1"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=default">Summary</a> </li>

        <li id="ContentButton2"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab2">Article</a></li>

        <li id="ContentButton3"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab3">Screenshots</a></li>

        <li id="ContentButton4"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab4">Links</a></li>

        <li id="ContentButton5"><a href="<?php echo $_SERVER['PHP_SELF']; ?>?css=tab5">Discussion</a></li>

    </ul>

    <div id="CenterContentMenu">

        <h2>Bittorrent Network</h2>

        <h3>Last Updated 06/06/2006 by <span class="StaffSymbol">₪</span><span class="Username"><a href="">Adam</a></span></h3>

    </div>

</div>

<div id="CascadingContentBox1">

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

        fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

        odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

        inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

        et, rutrum et, tortor.</p>

</div>

<div id="CascadingContentBox2">

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

        fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

        odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

        inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

        et, rutrum et, tortor.</p>

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

        fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

        odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

        inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

        et, rutrum et, tortor.</p>

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

        fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

        odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

        inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

        et, rutrum et, tortor.</p>

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

        fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

        odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra.

        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per

        inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor

        et, rutrum et, tortor.</p>

</div>

<div id="CascadingContentBox3">

    <div id="album">

        <ul class="gallery">

            <li><a href="#nogo">1<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_1.jpg" alt="landscape image 1" title="landscape image 1" /></a></li>

            <li><a href="#nogo">2<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_1.jpg" alt="portrait image 1" title="portrait image 1" /></a></li>

            <li><a href="#nogo">3<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_2.jpg" alt="landscape image 2" title="landscape image 2" /></a></li>

            <li><a href="#nogo">4<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_2.jpg" alt="portrait image 2" title="portrait image 2" /></a></li>

            <li><a href="#nogo">5<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_3.jpg" alt="landscape image 3" title="landscape image 3" /></a></li>

            <li><a href="#nogo">6<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_3.jpg" alt="portrait image 3" title="portrait image 3" /></a></li>

            <li><a href="#nogo">7<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_4.jpg" alt="landscape image 4" title="landscape image 4" /></a></li>

            <li><a href="#nogo">8<img class="landscape" src="http://www.cssplay.co.uk/menu/gallery/landscape_5.jpg" alt="landscape image 5" title="landscape image 5" /></a></li>

            <li><a href="#nogo">9<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_4.jpg" alt="portrait image 4" title="portrait image 4" /></a></li>

            <li><a href="#nogo">10<img class="portrait" src="http://www.cssplay.co.uk/menu/gallery/portrait_5.jpg" alt="portrait image 5" title="portrait image 5" /></a></li>

        </ul>

        </ul>

    </div>

</div>

<div id="CascadingContentBox4">

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam

        fringilla urna id leo. Praesent aliquet pretium erat. Praesent non

        odio. </p>

</div>

<div id="CascadingContentBox5">

    <p xml:lang="la" lang="la">Lorem

        ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed

        aliquam sem ut arcu.</p>

    <p xml:lang="la" lang="la">Phasellus sollicitudin. Vestibulum condimentum

        facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras

        quis libero. Cras venenatis. </p>

</div>

<div id="copyright"><a href="http://legal.blkflm.com">Copyright</a> © 2006 BLKFLM Media Group <span class="tilde">~</span> Version 0.6 <span class="tilde">~</span> We Recommend <a href="http://blkflm.com/firefox">Firefox browser</a> </div>

</body>

</html>

I added some new php towards the top of the page.

AdemoS · 12-28-2006, 03:01 PM

Yeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah! *ahem*

I have to do some label changing but it freaking WORKS! Thanks so much _Aerospace_Eng_ I have literally been working on these tabs for FOUR DAYS STRIAGHT NOW.

I can FINALLY get back to coding the STYLE instead of the server-side code. X_X