• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 701
  • Last Modified:

Array Issue

I have this function that works great in my html website

but when i duplicate it to have multiple portfolios  the records in the other 2 portfolio sections all appear in one very long <li>

What I need is to have 2 records in every <li> in all 3 portfolio
Im not sure if its an array issue sice Im using the same exact script and just changing the name of the function.

So The first function works and the 2 following dont.
Even if i delete the 1st one.

This is the code i have so far

#website portfolio
function get_websites(){
$strSQL="SELECT * FROM cms_media WHERE media_active = 1 and media_gallerytype = 2 ORDER BY media_date DESC";
$objRS=mysql_query($strSQL);
	
	echo '<li id="page_PortfolioWeb">';
						echo '<div class="box">';
							echo '<a href="#" data-type="close" class="close"><span></span></a>';
							echo '<a href="#" class="prev"><span></span></a>';
							echo '<a href="#" class="next"><span></span></a>';
							echo '<h2>Websites</h2>';
							echo '<div id="gallery1">';
							echo '<ul>';
							
	while($row=mysql_fetch_object($objRS)){

 				$counter = 0;
$LIs = array();
$LI = "";
while($row=mysql_fetch_object($objRS)){

$LI .= "<a href='#!/page_MorePro?id=".$row->media_id."'>".gd_image($row->media_pic,'cropratio=2:1&width=240&height=120')."</a>";
$LI .= '<p>'.$row->media_name.'</p>';

$counter++;
if($counter == 2)
{
  $LIs[] = $LI;
  $LI = "";
  $counter = 0;
}
      }

echo "<li>".implode("</li><li>",$LIs)."</li>"; 
							
	}
		echo "<br class='clear' />";					
							echo '</ul>';
							echo '</div>';
						echo '</div>';
					echo '</li>';

}

Open in new window

0
zahimezher
Asked:
zahimezher
  • 14
  • 7
1 Solution
 
zahimezherAuthor Commented:
all 3 functions work great if i delete the other 2 its just when all 3 are active that the 1st 1 only works...
0
 
gr8gonzoConsultantCommented:
Can you post the code that shows the page that calls all three functions?
0
 
zahimezherAuthor Commented:
Line 126
index.php
0
Veeam and MySQL: How to Perform Backup & Recovery

MySQL and the MariaDB variant are among the most used databases in Linux environments, and many critical applications support their data on them. Watch this recorded webinar to find out how Veeam Backup & Replication allows you to get consistent backups of MySQL databases.

 
zahimezherAuthor Commented:
Ive been staring at the html output for hours and everything looks great! :S
can it be that some of the images in the db are saved as hawi[4].jpg hawi[5].jpg
can the "[]" be the issue and messing up your array.... ?
0
 
zahimezherAuthor Commented:
:S Im guessing it irrelevant cuz when i only run one function it works fine...
0
 
gr8gonzoConsultantCommented:
Is this available at a URL somewhere where we can see?
0
 
zahimezherAuthor Commented:
local :s
0
 
gr8gonzoConsultantCommented:
Hmmm - maybe then a screenshot?
0
 
zahimezherAuthor Commented:
the 1st one iss correct , the listed one is the wrong one.
Screen-shot-2012-08-23-at-1.00.0.png
Screen-shot-2012-08-23-at-1.00.2.png
0
 
gr8gonzoConsultantCommented:
I don't see the word "Identities" in the HTML code you posted, or "dfg"
0
 
zahimezherAuthor Commented:
Its a portfolio section name, in one of the repeated functions....

#website portfolio
function get_websites(){
$strSQL="SELECT * FROM cms_media WHERE media_active = 1 and media_gallerytype = 2 ORDER BY media_date DESC";
$objRS=mysql_query($strSQL);
	
	echo '<li id="page_PortfolioWeb">';
						echo '<div class="box">';
							echo '<a href="#" data-type="close" class="close"><span></span></a>';
							echo '<a href="#" class="prev"><span></span></a>';
							echo '<a href="#" class="next"><span></span></a>';
							echo '<h2>Websites</h2>';
							echo '<div id="gallery1">';
							echo '<ul>';
							
	while($row=mysql_fetch_object($objRS)){

 				$counter = 0;
$LIs = array();
$LI = "";
while($row=mysql_fetch_object($objRS)){

$LI .= "<a href='#!/page_MorePro?id=".$row->media_id."'>".gd_image($row->media_pic,'cropratio=2:1&width=240&height=120')."</a>";
$LI .= '<p>'.$row->media_name.'</p>';

$counter++;
if($counter == 2)
{
  $LIs[] = $LI;
  $LI = "";
  $counter = 0;
}
      }

echo "<li>".implode("</li><li>",$LIs)."</li>"; 
							
	}
					
							echo '</ul>';
							echo '</div>';
						echo '</div>';
					echo '</li>';

}




#logos portfolio
function get_logos(){
$strSQL="SELECT * FROM cms_media WHERE media_active = 1 and media_gallerytype = 4 ORDER BY media_date DESC";
$objRS=mysql_query($strSQL);
	
	echo '<li id="page_PortfolioLogo">';
						echo '<div class="box">';
							echo '<a href="#" data-type="close" class="close"><span></span></a>';
							echo '<a href="#" class="prev"><span></span></a>';
							echo '<a href="#" class="next"><span></span></a>';
							echo '<h2>Identities</h2>';
							echo '<div id="gallery1">';
							echo '<ul>';
							
	while($row=mysql_fetch_object($objRS)){

 				$counter = 0;
$LIs = array();
$LI = "";
while($row=mysql_fetch_object($objRS)){

$LI .= "<a href='#!/page_MorePro?id=".$row->media_id."'>".gd_image($row->media_pic,'cropratio=2:1&width=240&height=120')."</a>";
$LI .= '<p>'.$row->media_name.'</p>';

$counter++;
if($counter == 2)
{
  $LIs[] = $LI;
  $LI = "";
  $counter = 0;
}
      }

echo "<li>".implode("</li><li>",$LIs)."</li>"; 
							
	}
							
							echo '</ul>';
							echo '</div>';
						echo '</div>';
					echo '</li>';

}




#print portfolio
function get_print(){
$strSQL="SELECT * FROM cms_media WHERE media_active = 1 and media_gallerytype = 1 ORDER BY media_date DESC";
$objRS=mysql_query($strSQL);
	
	echo '<li id="page_PortfolioPrint">';
						echo '<div class="box">';
							echo '<a href="#" data-type="close" class="close"><span></span></a>';
							echo '<a href="#" class="prev"><span></span></a>';
							echo '<a href="#" class="next"><span></span></a>';
							echo '<h2>Print</h2>';
							echo '<div id="gallery1">';
							echo '<ul>';
							
	while($row=mysql_fetch_object($objRS)){

 				$counter = 0;
$LIs = array();
$LI = "";
while($row=mysql_fetch_object($objRS)){

$LI .= "<a href='#!/page_MorePro?id=".$row->media_id."'>".gd_image($row->media_pic,'cropratio=2:1&width=240&height=120')."</a>";
$LI .= '<p>'.$row->media_name.'</p>';

$counter++;
if($counter == 2)
{
  $LIs[] = $LI;
  $LI = "";
  $counter = 0;
}
      }

echo "<li>".implode("</li><li>",$LIs)."</li>"; 
							
	}
					
							echo '</ul>';
							echo '</div>';
						echo '</div>';
					echo '</li>';

}

Open in new window

0
 
gr8gonzoConsultantCommented:
Right but you have the functions commented out in the source code you posted (on line 126). What I'm suggesting is displaying the full HTML source code after being generated. The reason for this is because if something is ordered incorrectly, then it's either an issue with how the HTML is laid out (e.g. interacting with each other), or it may be something with the CSS (e.g. Javascript/CSS rules or selectors are being applied to the first section but not the others)
0
 
zahimezherAuthor Commented:
So do you want me to post the fully generated html? :S
0
 
zahimezherAuthor Commented:
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Lip-Smacking Design | Web Design Lebanon | Web Development Lebanon | Website Design | Website Development</title>
  <meta name="Keywords" content="Lip-Smacking Design, Web Development, webdesign, web design, multimedia, webpage, website, design, lebanon, liban, Middle East, e-commerce, Lebanese webdesign agency, zahi mezher, portfolio, graphic design, screensaver, hosting, cdrom, software, interactive, interface, software, animation, flash, online shop, arabic, liban, programming, domain name registration, hosting, CMS, Content Management System" />
  <meta name="Description" content="Multimedia design studio based in Lebanon, specialized in web design, web development, graphic design, CD design, virtual tours, flash sites and animations, digital music creation, lipsmacking, design, lipsmackingdesign, design studio"/>
  <meta charset="utf-8">
  <link rel="shortcut icon" type="image/x-icon" href="http://localhost:8888/lsd2012/img/favicon[1].ico" />
  <meta name="Rating" content="Safe For Kids" />
  <meta name="Author" content="Lip-Smackingdesign" />

  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  
  <script type="text/javascript" src="js/jquery-1.6.js" ></script>
  <script type="text/javascript" src="js/cufon-yui.js"></script>
  <script type="text/javascript" src="js/cufon-replace.js"></script>  
  <script type="text/javascript" src="js/script.js"></script>
  <script type="text/javascript" src="js/content_switch.js"></script>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/superfish.js"></script>
  <script type="text/javascript" src="js/forms.js"></script>
  <script type="text/javascript" src="js/jcarousellite.js"></script>
  <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
  <script type="text/javascript" src="js/cScroll.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script> 
 
  <!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->
	<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->



</head>
<body>

<div class="page_spinner"></div>
		<div class="main">
			<ul class="images">
            
            
				<!-- latest work -->
                <li><a href='#!/page_MorePro?id=384'><img src="http://localhost:8888/lsd2012/image.php/adosante.jpg?cropratio=313:212&width=313&height=212&image=http://localhost:8888/lsd2012/img/adosante.jpg"><span><span>Ado Sante Magazine<br /><span class='smaller'>Full Flash Website with LSD CMS V.2.0</span></span></span></a></li><li><a href='#!/page_MorePro?id=386'><img src="http://localhost:8888/lsd2012/image.php/anaconda.jpg?cropratio=313:212&width=313&height=212&image=http://localhost:8888/lsd2012/img/anaconda.jpg"><span><span>Anaconda Beauty Center<br /><span class='smaller'>Static HTML Website</span></span></span></a></li>				<!-- latest work -->
                
                
                
</ul>
			<!--header -->
			<header>
				<a href="#" class="menu_trigger"><span></span><strong></strong></a>
	      <h1><a href="index.php" id="logo">prima luxury furniture </a></h1>
				
                
                
                
                <!-- menu -->
                <nav class="menu">
					<ul id="menu">
						<li class="with_ul"><a href="#">About us</a>
							<ul class="submenu_1">
								<li><a href="#!/page_LSD">About LSD</a></li>
								<li><a href="#!/page_Mission">Mission &amp; Vision</a></li>
								<li><a href="#!/page_Team">Team &amp; Careers</a></li>
							</ul>
						</li>
							<li class="with_ul"><a href="#">Our Work</a>
							<ul class="submenu_1">
								<li><a href="#!/page_PortfolioWeb">Website design &amp; Development</a></li>
								<li><a href="#!/page_PortfolioLogo">Identity Design</a></li>
								<li><a href="#!/page_PortfolioPrint">Print Media</a></li>
							</ul>
						</li>
						<li class="with_ul"><a href="#">Services</a>
							<ul class="submenu_1">
								<li><a href="#!/page_Web">Website design &amp; Development</a></li>
								<li><a href="#!/page_Seo">Search Engine Optimization</a></li>
								<li><a href="#!/page_Cms">Content Management System</a></li>
                                <li><a href="#!/page_Hosting">Email &amp; Web Hosting</a></li>
                                
							</ul>
						</li>
						<li><a href="#!/page_Clients">Clients</a></li>
						<li><a href="#!/page_Contact">Contact Us</a></li>
					</ul>
				</nav>
                <!-- menu -->
                
                
                
                
                
                
			</header>
			<!--header end-->
			<!--content -->
			<article id="content">
				<ul>
					
                    
                    <!-- LSD -->
                    <li id="page_LSD">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>ABOUT LSD</h2>
							<p>
Web design and web development doesn't just mean having a presence on the world wide web. A website is not just a front for a business or individual, it also reflects their overall communication strategy and image.
<br><br>
We at Lip-smacking design studio appreciate this premise and we provide creative and innovative web design solutions that allow our clients a more flexible manner of communication, to enhance their image and properly transfer the message they want to their audience.
<br><br>
Lip-smacking design studio specializes in the development of websites, interactive media, 2D animation, graphic design concepts, illustration and packaging. 
							</p>
                            <a target="_blank" href="#">+ Download Our Corporate Fact Sheet</a>
						</div>
					</li>
					<!-- LSD -->
                    
                    
                    <!-- Mission -->
                    <li id="page_Mission">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Mission &amp; Vision</h2>
							<p>
Lip-smacking design studio is dedicated to getting the job done, and doing it well.
<br><br>
We provide web solutions   that are up to date and customized to each of our client's needs. We are versatile in our designs and services   and we can accommodate your business needs and enhance your image to increase your exposure in the market.
<br><br>
We are dedicated to creating designs that are original and powerful, and offering professional development services.
<br><br>
Our job does not end with delivery, we offer excellent after-sales support and customized CMS to allow you the freedom and fun in updating your own website.  
							</p>
						</div>
					</li>
					<!-- Mission -->
                    
                    
                   <!-- Team -->
                    <li id="page_Team">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Our Team</h2>
                            	<div class="relative">	
                                	<div class="scroll">
										<div class="wrapper underline">
The media world, and especially the I.T. world requires professionals who are not only knowledgeable and experienced in their domain, but also have a fresh outlook, keeping up with cutting edge technology and a sense of originality. Our team at lip-smacking design studio meets these criteria and more!
<br><br>
Our team of young and enthusiastic screen and print-based graphic designers, animators, illustrators and programmers will make sure that any project will be taken as a new challenge.   
										</div>
                                        <br><br>
                                        <ul><li style='float:left; padding-left:45px; padding-right:15px; padding-bottom:40px; text-align:left; width:372px; height:260px;'><div style='border:1px solid #fff;'><img src="http://localhost:8888/lsd2012/image.php/zahi.jpg?cropratio=370:150&width=370&height=150&image=http://localhost:8888/lsd2012/img/zahi.jpg"></div><br /><span style='font-size:18px; color:#ff0000;'>Zahi Mezher</span><br /><span style='color:#999;'>+961 4 711102 - ext.102</span><br /><div style='color:#999; padding-bottom:5px;'>zahi@lipsmackingdesign.com</div><div style='overflow-y:auto; height:60px;'>Managing Director - Interactive Developer</div></li><li style='float:left; padding-left:45px; padding-right:15px; padding-bottom:40px; text-align:left; width:372px; height:260px;'><div style='border:1px solid #fff;'><img src="http://localhost:8888/lsd2012/image.php/alice.jpg?cropratio=370:150&width=370&height=150&image=http://localhost:8888/lsd2012/img/alice.jpg"></div><br /><span style='font-size:18px; color:#ff0000;'>Alice Aouad</span><br /><span style='color:#999;'>+961 4 711102 - ext.103</span><br /><div style='color:#999; padding-bottom:5px;'>alice@lipsmackingdesign.com</div><div style='overflow-y:auto; height:60px;'>Junior Graphic Designer</div></li><li style='float:left; padding-left:45px; padding-right:15px; padding-bottom:40px; text-align:left; width:372px; height:260px;'><div style='border:1px solid #fff;'><img src="http://localhost:8888/lsd2012/image.php/joe_master_thunder.jpg?cropratio=370:150&width=370&height=150&image=http://localhost:8888/lsd2012/img/joe_master_thunder.jpg"></div><br /><span style='font-size:18px; color:#ff0000;'>Joe Abi Raad</span><br /><span style='color:#999;'>+961 4 711102 - ext.102</span><br /><div style='color:#999; padding-bottom:5px;'>joe@lipsmackingdesign.com</div><div style='overflow-y:auto; height:60px;'>Lead Developer</div></li><li style='float:left; padding-left:45px; padding-right:15px; padding-bottom:40px; text-align:left; width:372px; height:260px;'><div style='border:1px solid #fff;'><img src="http://localhost:8888/lsd2012/image.php/glasses.jpg?cropratio=370:150&width=370&height=150&image=http://localhost:8888/lsd2012/img/glasses.jpg"></div><br /><span style='font-size:18px; color:#ff0000;'>PHP Programmer Needed</span><br /><span style='color:#999;'>+961 4 711102 - ext.101</span><br /><div style='color:#999; padding-bottom:5px;'>info@lipsmackingdesign.com</div><div style='overflow-y:auto; height:60px;'>Broad Knowledge of PHP and MySQL DB</div></li><li style='float:left; padding-left:45px; padding-right:15px; padding-bottom:40px; text-align:left; width:372px; height:260px;'><div style='border:1px solid #fff;'><img src="http://localhost:8888/lsd2012/image.php/glasses2.jpg?cropratio=370:150&width=370&height=150&image=http://localhost:8888/lsd2012/img/glasses2.jpg"></div><br /><span style='font-size:18px; color:#ff0000;'>Sales & Marketing Manager Needed</span><br /><span style='color:#999;'>+961 4 711102 - ext.101</span><br /><div style='color:#999; padding-bottom:5px;'>info@lipsamckingdesign.com</div><div style='overflow-y:auto; height:60px;'>Sales Expert with broad knowledge in the lebanese market. Min 2 years experiance</div></li></ul><br class='clear' />                        		</div>
                            </div>
						</div>
					</li>
					<!-- Team -->
                    
                    
                    
                    
                    <!-- Portfolio -->
                  <li id="page_PortfolioWeb"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><a href="#" class="prev"><span></span></a><a href="#" class="next"><span></span></a><h2>Websites</h2><div id="gallery1"><ul><li><a href='#!/page_MorePro?id=537'><img src="http://localhost:8888/lsd2012/image.php/hawi[19].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[19].jpg"></a><p>ff</p><a href='#!/page_MorePro?id=538'><img src="http://localhost:8888/lsd2012/image.php/hawi[20].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[20].jpg"></a><p>ff</p></li><li><a href='#!/page_MorePro?id=539'><img src="http://localhost:8888/lsd2012/image.php/hawi[21].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[21].jpg"></a><p>ff</p><a href='#!/page_MorePro?id=540'><img src="http://localhost:8888/lsd2012/image.php/hawi[22].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[22].jpg"></a><p>ff</p></li><li><a href='#!/page_MorePro?id=541'><img src="http://localhost:8888/lsd2012/image.php/hawi[23].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[23].jpg"></a><p>ff</p><a href='#!/page_MorePro?id=542'><img src="http://localhost:8888/lsd2012/image.php/hawi[24].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[24].jpg"></a><p>ff</p></li><li><a href='#!/page_MorePro?id=543'><img src="http://localhost:8888/lsd2012/image.php/hawi[25].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[25].jpg"></a><p>ff</p><a href='#!/page_MorePro?id=385'><img src="http://localhost:8888/lsd2012/image.php/anachar.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/anachar.jpg"></a><p>Anachar Basbous</p></li><li><a href='#!/page_MorePro?id=388'><img src="http://localhost:8888/lsd2012/image.php/arizona.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/arizona.jpg"></a><p>Arizona Qatar</p><a href='#!/page_MorePro?id=386'><img src="http://localhost:8888/lsd2012/image.php/anaconda.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/anaconda.jpg"></a><p>Anaconda Beauty Center</p></li></ul></div></div></li>                  <li id="page_PortfolioLogo"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><a href="#" class="prev"><span></span></a><a href="#" class="next"><span></span></a><h2>Identities</h2><div id="gallery1"><ul><li><a href='#!/page_MorePro?id=522'><img src="http://localhost:8888/lsd2012/image.php/hawi[4].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[4].jpg"></a><p>dfg</p><a href='#!/page_MorePro?id=523'><img src="http://localhost:8888/lsd2012/image.php/hawi[5].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[5].jpg"></a><p>dfg</p></li><li><a href='#!/page_MorePro?id=524'><img src="http://localhost:8888/lsd2012/image.php/hawi[6].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[6].jpg"></a><p>dfg</p><a href='#!/page_MorePro?id=525'><img src="http://localhost:8888/lsd2012/image.php/hawi[7].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[7].jpg"></a><p>dfg</p></li><li><a href='#!/page_MorePro?id=526'><img src="http://localhost:8888/lsd2012/image.php/hawi[8].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[8].jpg"></a><p>dfg</p><a href='#!/page_MorePro?id=527'><img src="http://localhost:8888/lsd2012/image.php/hawi[9].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[9].jpg"></a><p>dfg</p></li><li><a href='#!/page_MorePro?id=528'><img src="http://localhost:8888/lsd2012/image.php/hawi[10].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[10].jpg"></a><p>dfg</p><a href='#!/page_MorePro?id=427'><img src="http://localhost:8888/lsd2012/image.php/bsalim[2].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/bsalim[2].jpg"></a><p>Municipality of bsalim</p></li><li><a href='#!/page_MorePro?id=428'><img src="http://localhost:8888/lsd2012/image.php/hawi[2].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[2].jpg"></a><p>Est. Hawi</p><a href='#!/page_MorePro?id=430'><img src="http://localhost:8888/lsd2012/image.php/lsd.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/lsd.jpg"></a><p>Yes, We designed the LSD logo</p></li></ul></div></div></li>                  <li id="page_PortfolioPrint"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><a href="#" class="prev"><span></span></a><a href="#" class="next"><span></span></a><h2>Print</h2><div id="gallery1"><ul><li><a href='#!/page_MorePro?id=530'><img src="http://localhost:8888/lsd2012/image.php/hawi[12].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[12].jpg"></a><p>hk</p><a href='#!/page_MorePro?id=531'><img src="http://localhost:8888/lsd2012/image.php/hawi[13].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[13].jpg"></a><p>hk</p></li><li><a href='#!/page_MorePro?id=532'><img src="http://localhost:8888/lsd2012/image.php/hawi[14].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[14].jpg"></a><p>hk</p><a href='#!/page_MorePro?id=533'><img src="http://localhost:8888/lsd2012/image.php/hawi[15].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[15].jpg"></a><p>hk</p></li><li><a href='#!/page_MorePro?id=534'><img src="http://localhost:8888/lsd2012/image.php/hawi[16].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[16].jpg"></a><p>hk</p><a href='#!/page_MorePro?id=535'><img src="http://localhost:8888/lsd2012/image.php/hawi[17].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[17].jpg"></a><p>hk</p></li><li><a href='#!/page_MorePro?id=439'><img src="http://localhost:8888/lsd2012/image.php/kilo_off_1.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/kilo_off_1.jpg"></a><p>Kettaneh Pharma</p><a href='#!/page_MorePro?id=440'><img src="http://localhost:8888/lsd2012/image.php/kilo_off_2.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/kilo_off_2.jpg"></a><p>Kettaneh Pharma</p></li><li><a href='#!/page_MorePro?id=442'><img src="http://localhost:8888/lsd2012/image.php/kettaneh[1].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/kettaneh[1].jpg"></a><p>Kettaneh Pharma</p><a href='#!/page_MorePro?id=443'><img src="http://localhost:8888/lsd2012/image.php/kettaneh_folder.jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/kettaneh_folder.jpg"></a><p>Kettaneh Pharma</p></li></ul></div></div></li>					<!-- Portfolio -->
                    
                    
                    
                    
                    <!-- Web design and development -->
                    <li id="page_Web">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Website Design &amp; Development</h2>
                            
                            <div class="relative">	
                                	<div class="scroll">
                            
                            			<p>
                            The world wide web is a very competitive arena. At lip-smacking design studio we build our web sites using the latest software. Whether built on a flash platform or HTML-based, we make sure your information and images are displayed in the best and most strategic way possible.
<br><br>
Our aim is to make your website stand out and create a lasting impression on the viewer, hence enhancing your business. 
                            			</p>
                            
                                    
<h4>Development Process</h4>

• Contract Signature.<br>
• Creative brief questionnaire will be sent to be filled by the client's team.<br>
• Planning: A brainstorming session will be held between the representatives of client and the development team of LSD (the creative director and the development director).<br>
• After the brainstorming session with the client the project enters the production process:<br>
• First production phase: Concept. The client receives sketches of the look and feel of the website and approves the animation and the navigation of the portal.<br>
• The Concept is created as a joint effort between the Creative Director and Web Designers according to the guidelines set with the client.<br>
• The first design is presented to the client 3 weeks after the materials collection.<br>
• The Creative team keeps on re-iterating until the design is approved by the client.<br>
• Once the Client approves the design concept, the project enters the implementation phase.<br>
• The implementation starts with a senior meeting in the production department.<br>
• The Project Manager sits with the Web and multimedia directors and sets the implementation tasks and technologies to be used.<br>
• The implementation technologies and the standards are derived from the knowledge data base or the research department.<br>
• The Production is divided into smaller implementation tasks. The tasks are assigned depending on their nature either to web or multimedia developers<br>
• The project is assembled in small modules under supervision of the Media or Web director. The modules are combined together into the beta version<br>
• Beta version is approved by the Project manager and then released for approval by the Client<br>
• The Support department receives the beta version and populates it with the appropriate information.<br>
• The content is either provided by the client or created by the copy writer.<br>
• The support department makes sure the content is in accordance with the design.<br>
• The support department offers the client training for the CMS, email managing, and statistics.<br>
• The support department continues to service the client after the project is delivered.

                                    
                                    </div>
                            </div>
                            
						</div>
					</li>
                    <!-- Web design and development -->
                    
                    <!-- SEO -->
                    <li id="page_Seo">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Search Engine Optimization</h2>
                            <div class="relative">	
                                	<div class="scroll">
                            <h4>Initial Consultation- Keyword retrieval</h4>
A website that is not easily accessible on a search engine will do you no good. For your website to be found, noticed and browsed by your potential customers, it is important to make it search optimized. As an initial step, our team at lip-smacking design studio studies your business and its needs and retrieves the most trafficked and used words in your domain, and use those as keywords that will enable your clients to find you online.
<br><br>
<h4>Content Creation</h4>
After the relevant keywords have been identified, our team at lip-smacking design studio will work with you to create optimized and unique content. Our experienced writers will ensure that your content will utilize the right keywords to make your website search optimized and will reach your target market efficiently.
<br><br>
<h4>Submission</h4>
Once we have optimized your website using the appropriate keywords, we will test it on all search engines. If your website has indexing issues we will create and submit maps to Google and Yahoo through their respective programs. Once all this is done, you will have an optimized website, easily accessible on all search engines. 
                        </div>
                        </div>    
						</div>
					</li>
                    <!-- SEO -->
                    
                    <!-- CMS -->
                    <li id="page_Cms">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Content Management System</h2>
                            <div class="relative">	
                                	<div class="scroll">
                                    <p style="width:700px; text-align:left;">

Our concern after finalizing and delivering a website is for our clients to be able to update it and manage it on their own. This is why our team at Lip-Smacking Design studio creates customized Content Management Systems that are user-friendly and targeted to individual clients' needs. <br /><br />
Regardless of how complex or simple your website is, 
<br />
we ensure that you will enjoy updating it and customizing it over time.

</p>


<br />
<ul class="boxes">

<li>
<img src="icons/admins.jpg" alt="admin"/>
<div align="left">CMS ADMINS</div>
<p>Your website, your dominion. With our CMS you can create, edit and delete administrative accounts in a glance.</p>

</li>


<li>
<img src="icons/text.jpg" alt="WYSIWYG"/>
<div align="left">WYSIWYG EDITOR</div>
<p>What you see is what you get, no HTML or CSS knowledge needed. We offer you tools as easy to use as any text based software, to help you manage all your text content.</p>

</li>

<li>
<img src="icons/news.jpg" alt="news"/>
<div align="left">NEWS</div>
<p>A frequently updated news section gives your clients the confidence that your firm is always moving forward, and is therefore trustworthy. With a News section you can handle yourself, keep your clients and visitors updated with the latest events, and products at you firm. </p>

</li>

<li>
<img src="icons/newsmini.jpg" alt="mini news"/>
<div align="left">MINI NEWS</div>
<p>This small and simple component will allow you to post updates that are both image and text based in seconds to keep your pages updated all the time.</p>

</li>

<li>
<img src="icons/gallery.jpg" alt="gellery"/>
<div align="left">GALLERY</div>
<p>Update your gallery whenever you feel like it. No need to waste time preparing files and waiting for someone to upload them for you. Do it at your own convenience and in your own special way with our user-friendly CMS. </p>

</li>

<li>
<img src="icons/notifications.jpg" alt="notifications"/>
<div align="left">NOTIFICATIONS</div>
<p>Tired of checking your mail regularly to see if you received any mail or emails from your site forms? Notifications will alert you when ever this happens.</p> 

</li>

<li>
<img src="icons/webmail.jpg" alt="webmail"/>
<div align="left">WEB-MAIL</div>
<p>We offer you the convenience of linking to your webmail on the spot. With our CMS services you won't need to open several pages just to view your corporate mail account.</p>

</li>

<li>
<img src="icons/mail accounts.jpg" alt="email accounts"/>
<div align="left">MAIL ACCOUNTS</div>
<p>Be your own web-admin and set up your own email accounts. Edit, Add, and Delete in a matter of seconds. After delivery, you won't need an I.T. professional to create or delete email accounts for your employees or different sections of your company. </p>

</li>

<li>
<img src="icons/statistics.jpg" alt="site statistics"/>
<div align="left">SITE STATISTICS</div>
<p>Our CMS services include daily, weekly and monthly statistics of who visited your site. What pages were visited the most and the longest, and from where in the world. This will help you keep track of your market base and work on ways to accommodate and expand it. </p>

</li>

<li>
<img src="icons/support.jpg" alt="LSD support"/>
<div align="left">SUPPORT</div>
<p>24 hour support! Contact us whenever you have any questions or need any help. With our support services you are always connected to us no matter where you are, and we will respond to your queries and concerns in optimal time.</p>

</li>

<li>
<img src="icons/cpanel.jpg" alt="cpanel"/>
<div align="left">Control Panel</div>
<p>Have direct access to your control panel. Let your company's IT be in control of every single feature of you site, mail and other accommodations. Once we deliver the site and its CMS, you become in complete control of your work.</p>

</li>



<li>
<img src="icons/music.jpg" alt="music"/>
<div align="left">MUSIC PLAYER</div>
<p>Add your favorite tracks to your site in no time. Our CMS services allow you to personalize your website with the music you want, and change it whenever you feel the need for it. </p>

</li>



<li>
<img src="icons/banner.jpg" alt="banner"/>
<div align="left">IMAGE BANNER</div>
<p>Add your latest products, offers, or just create a customized and personal feel to your site with our easy to use CMS custom settings. Again, you are in charge of your website and how it looks and what info it displays. </p>

</li>



<li>
<img src="icons/seo.jpg" alt="SEO"/>
<div align="left">SEARCH ENGINE OPTIMIZATION</div>
<p>With the Search Engine Optimization (SEO) tool you can enter any key words or phrases that will help search engines such as Google, Bing, and Yahoo find your site.</p>

</li>


<li>
<img src="icons/calender.jpg" alt="calendar"/>
<div align="left">CALENDAR</div>
<p>Keep your visitors up to date with your company's upcoming events for years in advance. The calendar tool is activated optionally when ever it's needed. With our user-friendly CMS you will enjoy updating your calendar or simply switching it on or off whenever you need to. </p>

</li>


<li>
<img src="icons/mailinglist.jpg" alt="mailing list"/>
<div align="left">MAILING LIST</div>
<p>Allow your visitors to sign up for your monthly news letter and send them a custom email whenever you have any new notifications or updates.</p>

</li>




</ul>
<br style="clear:both;" />

                                    
                                    </div>
                            </div>
						</div>
					</li>
                    <!-- CMS -->
                    
                    <!-- HOSTING -->
                    <li id="page_Hosting">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Email &amp; Web Hosting</h2>
                            <div class="relative">	
                                	<div class="scroll">
                                    
<p>
The first step in building a website is finding the right domain and hosting for it. 
<br /><br />
This can be a hassle for people who are not experts in the I.T. domain. At lip-smacking design studio we free our clients from this hassle by providing a full package hosting solution that best suits each individual client's needs.
</p> 


<br /><br />

<ul class="maincontr">
	<li>
            <div class="name" id="color1">BEGINNER HOSTING</div>
            <div class="tag">Ensure your online presence today!</div>
            <div class="text">
            12 Email Accounts<br />
            10 GB Bandwidth<br />
            500 MB Disk Space<br />
            3 Sub-domains<br />
            2 Parked Domains<br />
            3 FTP Accounts<br />
            3 SQL Databases<br />
            Supports php 4 &amp; 5
            </div>
            <div class="price" id="color1">$150 / YEAR</div>
	</li>
	<li>
            <div class="name" id="color2">INTERMEDIATE HOSTING</div> 
            <div class="tag">Take it a step further</div>           
            <div class="text">
       		40 Email Accounts<br />
            50 GB Bandwidth<br />
            2.5 GB Disk Space<br />
            5 Sub-domains<br />
            4 Parked Domains<br />
            10 FTP Accounts<br />
            10 SQL Databases<br />
            Supports php 4 &amp; 5
            </div>
            <div class="price" id="color2">$250 / YEAR</div>
 	</li>
	<li>
 	        <div class="name" id="color3">PRO HOSTING</div>
            <div class="tag">Host like the pro's</div>
            <div class="text">
            Unlimited Email Accounts<br />
            70 GB Bandwidth<br />
            12 GB Disk Space<br />
            10 Sub-Domains<br />
            10 Parked Domains<br />
            20 FTP Accounts<br />
            20 SQL Databases<br />
            Free Domain
			</div>
            <div class="price" id="color3">$400 / YEAR</div>
	</li>
	<li>
	        <div class="name" id="color4">Go GOLD</div>
            <div class="tag">Planning to advertize your site?</div>
            <div class="text">
            Unlimited Email Accounts<br />
            130 GB Bandwidth<br />
            25 GB Disk Space<br />
            20 Sub-Domains<br />
            20 Parked Domains<br />
            Unlimited FTP Accounts<br />
            Unlimited SQL Databases<br />
            Free Domain 
          	</div>
            <div class="price" id="color4">$550 / YEAR</div>
	</li>
	<li>
            <div class="name" id="color5">VPS I XEN</div>
            <div class="tag">Perfect For cPanel</div>
            <div class="text">
            512 MB Dedicated Memory<br />
            512 MB Swap Memory<br />
            30 GB Disk Space<br />
            250 GB Bandwidth<br />
            2 Dedicated IPs<br />
            Operating System Choices: CentOS/Fedora/Gentoo/Debian<br />
            cPanel<br />
            Full Management 
            </div>
            <div class="price" id="color5">$100 / MONTH</div>
	</li>
	<li>
            <div class="name" id="color6">VPS II XEN</div>
            <div class="tag">The developer's choice!</div>
            <div class="text">
            1024 MB Dedicated Memory<br />
            1024 MB Swap Memory<br />
            60 GB Disk Space<br />
            500 GB Bandwidth<br />
            2 Dedicated IPs<br />
            Operating System Choices: CentOS/Fedora/Gentoo/Debian<br />
            cPanel<br />
            Full Management
            </div>
            <div class="price" id="color6">$135 / MONTH</div>
 	</li>
	<li>
            <div class="name" id="color7">VPS III XEN</div>
            <div class="tag">Faster than a dedicated server!</div>
            <div class="text">
            1536 MB Dedicated Memory<br />
            1536 MB Swap Memory<br />
            100 GB Disk Space<br />
            700 GB Bandwidth<br />
            2 Dedicated IPs<br />
            Operating System Choices: CentOS/Fedora/Gentoo/Debian<br />
            cPanel<br />
            Full Management
            </div>
            <div class="price" id="color7">$180 / MONTH</div>
    </li>
	<li>      
			<div class="name" id="color8">Dedicated Hosting</div>    
            <div class="tag">Our Most Powerful Solution</div>    
            <div class="text">
            Sandybridge<br />
            Intel® Xeon® E3-1230<br />
            RAM: 16GB DDR3<br />
            HDD: 2 X Seagate 1TB SATA <br />
            Bandwidth: 10,000 GB/month<br />
            4 Dedicated IPs<br />
            CentOS<br />
            cPanel/WHM<br />
            External Weekly Backups<br />
            Sofware Raid<br />
            Full Management<br />
            </div>
            <div class="price" id="color8">$490 / MONTH</div>
	</li>
</ul>   

<br class="clear" /> 
                                    
                                    </div>
                            </div>
						</div>
					</li>
                    <!-- Hosting -->
                    
                    
                    
                    
                    
                    
                       <!-- Clients -->
                    <li id="page_Clients">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Our Clients</h2>
							<div class="relative">	
                                <div class="scroll">
								<ul class='clients-list'><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/fap-logo.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/fap-logo.jpg"></div><br /><span class='client'>Fap Industries</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/gharibshippinglogo.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/gharibshippinglogo.jpg"></div><br /><span class='client'>Gharib Shipping</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/cocomo.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/cocomo.jpg"></div><br /><span class='client'>Cocomo Icecream INC</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/made_clean.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/made_clean.jpg"></div><br /><span class='client'>Made Clean SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/haykal[1].jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/haykal[1].jpg"></div><br /><span class='client'>Haykal piling</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/scadia.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/scadia.jpg"></div><br /><span class='client'>Scadia Technology</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/ado_sante.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/ado_sante.jpg"></div><br /><span class='client'>Ado-Sante</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/nabay[1].jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/nabay[1].jpg"></div><br /><span class='client'>Municipality of Nabay</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/inhouse.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/inhouse.jpg"></div><br /><span class='client'>Inhouse Communications</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/mts.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/mts.jpg"></div><br /><span class='client'>Marine Transport Services SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/profunds.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/profunds.jpg"></div><br /><span class='client'>Profounds</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/jnoon.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/jnoon.jpg"></div><br /><span class='client'>Jnoon</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/ademco.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/ademco.jpg"></div><br /><span class='client'>Ademco SAL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/al_kalima.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/al_kalima.jpg"></div><br /><span class='client'>Al Kalima Online</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/brides_or_kids.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/brides_or_kids.jpg"></div><br /><span class='client'>Brides or Kids</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/bsalim.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/bsalim.jpg"></div><br /><span class='client'>Municipality of Bsalim</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/harb.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/harb.jpg"></div><br /><span class='client'>Elie Harb</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/developers_highlights.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/developers_highlights.jpg"></div><br /><span class='client'>Developers</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/toni_breiss.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/toni_breiss.jpg"></div><br /><span class='client'>Level - Wedding Event Maker</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/hage.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/hage.jpg"></div><br /><span class='client'>Hage Superstore SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/bcharre.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/bcharre.jpg"></div><br /><span class='client'>Caza of Bcharre</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/travelfolies.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/travelfolies.jpg"></div><br /><span class='client'>Travel Follies SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/Kettaneh.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/Kettaneh.jpg"></div><br /><span class='client'>Kettaneh Pharma</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/ginger_and_co.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/ginger_and_co.jpg"></div><br /><span class='client'>Doubou</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/pistache.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/pistache.jpg"></div><br /><span class='client'>Pistache Middle East</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/vip.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/vip.jpg"></div><br /><span class='client'>VIP Parking Control</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/basbous.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/basbous.jpg"></div><br /><span class='client'>Anachar Basbous</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/apricot.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/apricot.jpg"></div><br /><span class='client'>Almost Apricot SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/kaser.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/kaser.jpg"></div><br /><span class='client'>Three Stars Group SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/zone.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/zone.jpg"></div><br /><span class='client'>Ghadan SARL</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/tag.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/tag.jpg"></div><br /><span class='client'>TAG Hair and Beauty</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/hawi[2].jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/hawi[2].jpg"></div><br /><span class='client'>Est Hawi</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/lala_rose.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/lala_rose.jpg"></div><br /><span class='client'>SVA sarl</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/smeds.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/smeds.jpg"></div><br /><span class='client'>Smeds International</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/maze.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/maze.jpg"></div><br /><span class='client'>Maze Solutions</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/merab.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/merab.jpg"></div><br /><span class='client'>Merab Hotel</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/foot_print.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/foot_print.jpg"></div><br /><span class='client'>Foot Print</span></li><li><div class='title-z'><img src="http://localhost:8888/lsd2012/image.php/bookyourbeirut.jpg?width=130&height=90&image=http://localhost:8888/lsd2012/img/bookyourbeirut.jpg"></div><br /><span class='client'>Book Your Beirut</span></li></ul><br class='clear' />								</div>
                            </div>							
                        </div>
					</li>
					<!-- Clients -->
                    
                    
                      <!-- MORE for projects -->
            			<li id="page_MorePro?id=384"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Ado Sante Magazine</h2><img src="http://localhost:8888/lsd2012/image.php/adosante.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/adosante.jpg"><p>Full Flash Website with LSD CMS V.2.0</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=385"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Anachar Basbous</h2><img src="http://localhost:8888/lsd2012/image.php/anachar.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/anachar.jpg"><p>Interactive Flash Website AS 2.0</p><div><a target='_blank' href='http://www.anacharbasbous.com'><span>VISIT SITE</span></a></div></div></li><li id="page_MorePro?id=386"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Anaconda Beauty Center</h2><img src="http://localhost:8888/lsd2012/image.php/anaconda.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/anaconda.jpg"><p>Static HTML Website</p><div><a target='_blank' href='http://www.anacondacenterlb.com'><span>VISIT SITE</span></a></div></div></li><li id="page_MorePro?id=388"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Arizona Qatar</h2><img src="http://localhost:8888/lsd2012/image.php/arizona.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/arizona.jpg"><p>Interactive Flash Website AS 2.0</p><div><a target='_blank' href='http://www.arizona-qatar.com'><span>VISIT SITE</span></a></div></div></li><li id="page_MorePro?id=521"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[3].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[3].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=522"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[4].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[4].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=523"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[5].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[5].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=524"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[6].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[6].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=525"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[7].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[7].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=526"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[8].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[8].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=527"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[9].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[9].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=528"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>dfg</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[10].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[10].jpg"><p>dfg</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=529"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[11].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[11].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=530"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[12].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[12].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=531"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[13].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[13].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=532"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[14].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[14].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=533"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[15].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[15].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=534"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[16].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[16].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=535"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>hk</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[17].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[17].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=536"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[18].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[18].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=537"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[19].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[19].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=538"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[20].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[20].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=539"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[21].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[21].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=540"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[22].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[22].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=541"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[23].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[23].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=542"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[24].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[24].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=543"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>ff</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[25].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[25].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=427"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Municipality of bsalim</h2><img src="http://localhost:8888/lsd2012/image.php/bsalim[2].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/bsalim[2].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=428"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Est. Hawi</h2><img src="http://localhost:8888/lsd2012/image.php/hawi[2].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/hawi[2].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=430"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Yes, We designed the LSD logo</h2><img src="http://localhost:8888/lsd2012/image.php/lsd.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/lsd.jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=436"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Haykal Piling LTD</h2><img src="http://localhost:8888/lsd2012/image.php/haykal[2].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/haykal[2].jpg"><div>This website is no longer online</div></div></li><li id="page_MorePro?id=439"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Kettaneh Pharma</h2><img src="http://localhost:8888/lsd2012/image.php/kilo_off_1.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/kilo_off_1.jpg"><p>kilo off flyer 1</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=440"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Kettaneh Pharma</h2><img src="http://localhost:8888/lsd2012/image.php/kilo_off_2.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/kilo_off_2.jpg"><p>kilo off flyer 2</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=442"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Kettaneh Pharma</h2><img src="http://localhost:8888/lsd2012/image.php/kettaneh[1].jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/kettaneh[1].jpg"><p>kettaneh pharma brochure</p><div>This website is no longer online</div></div></li><li id="page_MorePro?id=443"><div class="box"><a href="#" data-type="close" class="close"><span></span></a><h2>Kettaneh Pharma</h2><img src="http://localhost:8888/lsd2012/image.php/kettaneh_folder.jpg?cropratio=535:369&width=535&height=369&image=http://localhost:8888/lsd2012/img/kettaneh_folder.jpg"><p>kettaneh folder</p><div>This website is no longer online</div></div></li>					  <!-- MORE for projects -->
                    
                    
                    
                    <!-- contact us -->
                    <li id="page_Contact">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Stay In Touch</h2>
							<div class="wrapper underline">
								<figure id="map">
                               <!-- <iframe width="250" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=lip-smacking+design+lebanon&amp;hl=en&amp;cd=1&amp;ei=D_h8TNzsHdT5Ob_-9dwP&amp;sll=33.907032,35.591315&amp;sspn=0.115084,0.596134&amp;ie=UTF8&amp;view=map&amp;cid=3880709640153045666&amp;ved=0CBYQpQY&amp;hq=lip-smacking+design+lebanon&amp;hnear=&amp;t=h&amp;ll=33.907741,35.588762&amp;spn=0.006233,0.00912&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a target="_blank" href="http://maps.google.com/maps?q=lip-smacking+design+lebanon&amp;hl=en&amp;cd=1&amp;ei=D_h8TNzsHdT5Ob_-9dwP&amp;sll=33.907032,35.591315&amp;sspn=0.115084,0.596134&amp;ie=UTF8&amp;view=map&amp;cid=3880709640153045666&amp;ved=0CBYQpQY&amp;hq=lip-smacking+design+lebanon&amp;hnear=&amp;t=h&amp;ll=33.907741,35.588762&amp;spn=0.006233,0.00912&amp;z=16&amp;iwloc=A&amp;source=embed" style="color:#ff0000;text-align:left; text-decoration:none;"><br />View Larger Map</a></small>-->
                                </figure>
								<h5>Lip-Smacking Design</h5>
								<p>Bsalim Main Road,<br>
										Haykal Bldg. 1st Floor</p>
								<p><span class="cols">Telephone:</span>&nbsp;&nbsp;+961 4 711102<br>
										<span class="cols">FAX:</span>&nbsp;&nbsp;+961 4 711102 ext.108<br>
										E-mail: <a href="mailto:">info@lipsmackingdesign.com</a></p>
							</div>
							<h2>Contact Form</h2>
							<form action="#" id="ContactForm">
							  <div class="success"> Contact form submitted!<br>
								<strong>We will be in touch soon.</strong> </div>
							  <fieldset>
								<div class="wrapper">
									<div class="col1">
										<div class="wrapper">
											<label class="name">
											<input type="text" class="input" value="Full Name:">
											<span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span> </label>
										</div>
										<div class="wrapper">
											<label class="email">
											<input type="text" class="input" value="E-mail:">
											<span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span> </label>
										</div>
										<div class="wrapper">
											<label class="phone">
											<input type="tel" class="input" value="Phone:">
											<span class="error">*This is not a valid phone number.</span> <span class="empty">*This field is required.</span> </label>
										</div>
									</div>
									<div class="col1 pad_left1">
										<label class="message">
										<textarea rows="1" cols="1">Message:</textarea>
										<span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span> </label>
									</div>
								</div>
								<div class="btns relative"><a href="#" class="button1" data-type="submit"><strong></strong><span>submit</span></a><a href="#" class="button1" data-type="reset"><strong></strong><span>reset</span></a></div>
							  </fieldset>
							</form>
						</div>
					</li>
					<!-- contact us -->
                    
                    
                
                    
                    
                    
                    <!-- Privacy -->
                    <li id="page_Privacy">
						<div class="box">
							<a href="#" data-type="close" class="close"><span></span></a>
							<h2>Privacy Policy</h2>
							<p>
Lip-smacking design Studio shall make every effort to keep the website up and running smoothly. However, Lip-smacking design Studio takes no responsibility for, and will not be liable for, the website being temporarily unavailable due to technical issues beyond Lip-smacking design Studio's control.
<br><br>
In no event will Lip-smacking design Studio be liable to any party for direct, indirect, incidental, special, punitive or other consequential damages resulting from any use of this web site or of the information made available on it, or on any other web site accessible through a link or hyper link, including, but not limited to, any loss of business, loss of profits, loss of data, or loss of use.
<br><br>
The information data, services, logos, trademarks, pictures and other materials contained on Lip-smacking design Studios Web site are owned by Lip-smacking design Studio and are protected by copyright and trademark laws and international treaties. 
                            </p>
						</div>
					</li>
					<!-- Privacy -->
                    
                    
                    
                
				</ul>
			</article>
			<!--content end-->
			<!--footer -->
			<footer>
            
    
            
            <!-- menu -->
		        <nav id="footer_menu">
					<a target="_blank" href="http://www.facebook.com/#!/pages/Lip-Smacking-Design/173418072708602">
<img src="images/fb-mini.png"/>
</a>
<a target="_blank" href="http://maps.google.com/maps?q=lip-smacking+design+lebanon&hl=en&sll=33.907032,35.591315&sspn=0.115084,0.596134&view=map&cid=3880709640153045666&t=h&z=16&vpsrc=0&iwloc=A">
<img src="images/gm-mini.png"/>
</a>
<a target="_blank" href="http://www.youtube.com/user/LipSmackingDesign">
<img src="images/yt-mini.png"/>
</a>
<a target="_blank" href="http://twitter.com/#!/ZahiMezher">
<img src="images/t-mini.png"/>
</a>
				</nav>
             <!-- menu -->
             
                
                
				LSD &copy; 2012  &nbsp; <a href="#!/page_Privacy">Privacy policy</a>
				<!-- {%FOOTER_LINK} -->
			</footer>
			<!--footer end-->
		</div>
<script type="text/javascript"> Cufon.now(); </script>
<script>
$(window).load(function() {	
	$('.page_spinner').fadeOut();
	$('body').css({overflow:'visible'})
})
</script>

</body>
</html>

Open in new window

0
 
gr8gonzoConsultantCommented:
Better. Thanks!

Okay, the first thing I noticed is that the HTML is structured consistently, so it's almost certainly a CSS/layout issue. It's a bit of a different question than what was originally asked, but I would suggest the following:

1. Check to see if the repeated <div id="gallery1"> will matter - all three portfolios have the same ID on that div - not sure if it matters to your CSS rules.

2. Pull out Firefox with Firebug (and if you are a web developer and don't have Firebug installed, well that should just not stand) and inspect and compare the applied CSS rules for the HTML elements in each portfolio. I would start with the the <li> or <ul> elements and the contents inside.

3. If the applied CSS is the same, double-check to make sure that it's not just a matter of the contents running out of space so they end up floating down.

Regardless, Firebug is your best tool to solve this issue.

Just as a friendly note, I noticed your images look like this:
<img src="http://localhost:8888/lsd2012/image.php/hawi[25].jpg?cropratio=2:1&width=240&height=120&image=http://localhost:8888/lsd2012/img/hawi[25].jpg">

1. Unless you REALLY need to specify the absolute path, just use the relative ones to make your site more portable for later updates. It also will reduce issues if you ever implement HTTPS.

2. Be VERY VERY VERY VERY VERY careful (and even that is not enough VERYs) when passing any sort of path or filename via the query string into a PHP script like image.php. This is an open invitation for hackers to screw with your script. Even if they don't find a vulnerability, you'll still end up with loads of errors and hack attempts in your logs. As it stands, I'm going to guess that I could change "localhost:8888/lsd2012/img/hawi[25].jpg" to some other image hosted on the internet and I would be able to make your script start processing any image of my choice. Then I start directing it to huge, 20-megabyte images, and your bandwidth begins to disappear. Or I start changing it so that it begins to mess with your local files.

I would highly recommend you do not pass any paths in your query string. If you absolutely must do it, then use some sort of secret, one-way hash to verify that someone hasn't tampered with the URL. Here's an example:

<?php
$width = 240;
$height = 120;
$cropratio = "2:1";
$imagefullpath = "http://localhost:8888/lsd2012/img/hawi[25].jpg";
$imagefile = basename($imagefullpath);
$check = md5("!zahimezher_".$width.$height.$cropratio.$imagefullpath);

<img src="http://localhost:8888/lsd2012/image.php/$imagefile?cropratio=$cropratio&width=$width&height=$height&image=$imagefullpath&chk=$check">

Open in new window


Then at the top of image.php:

<?php
// Require the check
if(!isset($_GET["chk"])) die();

// Get parameters from URL
$width = intval($_GET["width"]);
$height = intval($_GET["height"]);
$cropratio = $_GET["cropratio"];
$imagefullpath = $_GET["image"];

if($_GET["chk"] != md5("!zahimezher_".$width.$height.$cropratio.$imagefullpath))
die();

// rest of image.php below...

Open in new window


Now, if someone tries to change the image parameter to point to any other image that your own code did not generate, then the "chk" will not be correct and image.php will refuse to run for that tamper attempt.
0
 
zahimezherAuthor Commented:
Wow, Amazing thanx ;)
0
 
zahimezherAuthor Commented:
Hey, that was very useful, I noticed after "firebug" that the divs and uls in the following 2 galleries arent being applied like in the first gallery. I would really appreciate a little more help. i attached a screen shot of fire bug that displays the html with the missing styles.
adding them manualy in the code wont help since the with is relevent to the ammount of projects... ill also attach the css maybe that helps. oh and adding diff #id to each gallery didnt really change anything...

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#1a1a1a; border:0; font-size:18px; font-family: 'News Cycle', sans-serif; color:#a4a4a4; line-height:24px; min-width:1253px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #131313; z-index:99; width:100%; height:100%; top:0; left:0}

/* Global Structure ============================================================= */

.main {position:relative; margin: 0 auto;width:1253px; overflow:hidden}


.images{ position:absolute; z-index:0; width:100%;}
.images li{ float:left;}
.images a{ position: relative; display:block; overflow:hidden}
.images a > span{ position:absolute; background:url(../images/info_bg.png) repeat; left:0; right:0; padding:108px 20px 0; top:217px;}
.images a > span > span{ border-top:1px solid #fff; background:url(../images/info.png) 8px 28px no-repeat; padding:24px 0 0 56px; height:84px; display:block; font:14px Arial, Helvetica, sans-serif; color:#ece9d7; line-height:20px;}

/* ============================= main layout ====================== */
/*
a{ color:#ff970b; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:58px 0 0 107px;}
h2{ font-size:36px; line-height:1.2em; color:#fff; padding:19px 0 29px 0;}
*/
body,td,th {font-family: Verdana, Geneva, sans-serif; font-size: 14px; }
a:link { color: #F00; text-decoration: none; }
a:visited { text-decoration: none; color: #C00; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; color: #F00; }
h1 { font-size: 36px; color: #CCC; line-height:1.2em; padding:19px 0 29px 0;}
h2 { font-size: 30px; color: #CCC; line-height:1.2em; padding:19px 0 29px 0;}
h3 { font-size: 26px; color: #CCC; line-height:1.2em; padding:19px 0 29px 0;}
h4 { font-size: 20px; color: #CCC; line-height:1.2em; padding:19px 0 29px 0;}
h5 { font-size: 16px; color: #CCC; line-height:1.2em; padding:19px 0 29px 0;}
h6 { font-size: 10px; color: #CCC; line-height:1.2em; padding:19px 0 29px 0;}
p{ padding-bottom:24px;}

/* ============================= header ====================== */
header{ position: absolute; width:313px; background:url(../images/bg_header.png) repeat; height:925px; left:0; top:0} 

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:172px; height:96px; margin-left:60px;}

.menu_trigger{ position:absolute; width:61px; height:119px; top:38px; right:-61px; overflow:hidden; z-index:2}
.menu_trigger span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/menu_hover.png) 0 0 no-repeat; z-index:2}
.menu_trigger strong{ position:absolute; top:0; left:0; width:100%; height:100%;  background:url(../images/menu.png) 0 0 no-repeat; z-index:1}

#menu { padding:155px 0 0 160px; width:104px;}
#menu > li { padding-bottom:10px; position:relative}
#menu > li > a{ display:block; font-size:15px; text-transform:uppercase; line-height:1.2em; color:#7f7f7f}
#menu > li > a:hover, #menu > .sfHover > a, #menu > .active > a{ color:#f00}

#menu > li.with_ul > a{ background:url(../images/menu_marker.gif) right 11px no-repeat;}
#menu > li.with_ul > a:hover, #menu > li.with_ul.sfHover > a{ background-position:right -9px;}

.submenu_1{ position:absolute; top:0; left:110px; width:190px;; background:#fff; padding:14px 20px 7px; z-index:10}
.submenu_1 li{ padding-bottom:7px; position:relative;}
.submenu_1 li a{ display:block; font-size:12px; line-height:1.2em; text-transform:uppercase; color:#7f7f7f;}
.submenu_1 a:hover, .submenu_1 .sfHover > a{ color:#f00;}

.submenu_2{ position:absolute; top:-14px; left:85px; width:100px;; background:#fff; padding:14px 20px 7px;}


/* ============================= content ====================== */

#content{ min-height:850px; width:627px; position: relative; left:313px; overflow:hidden;}

#content > ul > li{ position: relative; z-index:3; height:708px; width:531px; padding:0 48px; background: url(../images/bg_content.png) repeat; padding-top:142px;}

.close{ position:absolute; top:-20px; right:0; background:url(../images/close.gif) 0 0 no-repeat; width:15px; height:15px;}
.close span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat}

.underline{ border-bottom:1px solid #fff; padding-bottom:34px;}

.box{ width:531px; position:relative;}


.pad_left1{ padding-left:47px;}
.pad_bot1{ padding-bottom:22px;}
.marg_right1{ margin-right:10px;}
#page_Services .pad_bot1{ padding-bottom:28px;}
#page_Locations .pad_left1{ padding-left:15px;}

figure{ padding-top:5px;}
#page_Services figure{ padding-top:0}

.button1{ display:inline-block; position:relative; font:14px Arial, Helvetica, sans-serif; color:#fff; border:1px solid #f00; color:#fff; line-height:32px;}
.button1 span{ position:relative; display:block; padding:0 15px;}
.button1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff}

#gallery1{ width:527px !important}
#gallery1 li{ float:left; width:240px; margin-right:47px;}
#gallery1 img{ height:120px;}
#gallery1 a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery2{ width:527px !important}
#gallery2 li{ float:left; width:240px; margin-right:47px;}
#gallery2 img{ height:120px;}
#gallery2 a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery3{ width:527px !important}
#gallery3 li{ float:left; width:240px; margin-right:47px;}
#gallery3 img{ height:120px;}
#gallery3 a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

.prev, .next{ position:absolute; width:34px; height:34px; top:30px; right:3px; background:url(../images/markers.png) right bottom}
.prev{ right:47px; background-position:0 bottom;}

.prev span, .next span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/markers.png) 0 0 no-repeat}
.next span{ background-position:right 0}

.color1{ color:#fff}

#map{ float:left; margin-right:28px; margin-bottom:8px;}

.scroll{height:555px; width:500px; overflow:hidden}
.track{ width:1px; height:575px; padding:30px 0; top: 50px !important; left:525px !important; background:#a4a4a4}
.shuttle{ width:5px; height:55px; background:#fff; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}


/* ============================= footer ====================== */

footer { font-size:12px; text-transform:uppercase; color:#acacac; padding:26px 55px 0 344px; height:49px; background:#292a2a}
footer a{ color:#838383}
footer a:hover{ color:#fff}

#footer_menu{ float:right;}
#footer_menu li{ float:left; padding-left:17px;}
#footer_menu .active a{ color:#fff}

/* ============================= forms ============================= */

#ContactForm{ padding-top:6px; position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:53px;}
#ContactForm .success{ position:absolute; bottom:0; display:none; font-size:14px;}
#ContactForm label{ position:relative;min-height:38px; display: inline-block;}
#ContactForm .message{ min-height:166px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font:10px Arial, Helvetica, sans-serif; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:10px; float:right;}
#ContactForm .input { margin:0;width:236px; height:22px; background: url(../images/bg_form.png) repeat; padding:8px 10px;color:#a4a4a4;font-size:18px; font-family: 'News Cycle', sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:236px; height:128px; background: url(../images/bg_form.png) repeat; padding:8px 10px;color:#a4a4a4;font-size:18px; font-family: 'News Cycle', sans-serif;}


#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}


/* ============================ clients page used in mobile version in the accordion css ========================== */
.client { font-family:century gothic, verdana; font-size:10px; color:#F00; }	
.clients-list { list-style:none; width:530px; }
.clients-list li { float:left; width:130px; height:140px; padding:10px 10px 10px 10px ; text-align:center; background-color:#FFF; margin:5px; }		
.title-z { height: 80px; width:130px; }
/* ============================ clients page ========================== */


/*==== for home page text latest work===*/
.smaller { font-family:Verdana, Geneva, sans-serif; color:#999; font-size:9px;}





/* ============================ cms page ========================== */
.boxes{ padding:0px; margin:0px; list-style-type:none; }
.boxes li{ padding:20px; list-style:none }
.boxes p{ font-family:century gothic, verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:left; padding-right:2px; width:600px;}
.boxes div{ font-family: century gothic, Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FF0000; font-weight:normal; }
.boxes img{ float:left; margin-right:40px; }
/* ============================ cms page ========================== */


/* Hosting and domain */
.maincontr { list-style:none; }
.maincontr li { width:200px; height:310px; float:left; border:1px solid #ccc; margin:5px; position:relative; background-color:#FFF; line-height:16px;}
.maincontr li .name { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; font-weight:bold; background-color:#F00; padding:10px;}	
.maincontr li .tag { font-family: Tahoma, Geneva, sans-serif; font-size:9px; color:#F00; text-decoration:underline; padding:10px; }	
.maincontr li .text { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666; padding-bottom:12px; padding:10px;}
.maincontr li .price { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; background-color:#999; font-weight:bold; padding:10px; position: absolute; bottom:0px; width:180px; }	
#color1 { background-color:#CCC;}
#color2 { background-color:#F00;}
#color3 { background-color:#666;}
#color4 { background-color:#C90;}
#color5 { background-color:#F96;}
#color6 { background-color:#F66;}
#color7 { background-color:#F36;}
#color8 { background-color:#F06;}
#clear { clear:both; }
/* Hosting and domain */

Open in new window

Screen-shot-2012-08-27-at-8.38.2.png
0
 
zahimezherAuthor Commented:
notice how in gallery 1 the ul and div have some styles that arent present on the ul and div in galleries 2 and 3. even if i navigate to them...
0
 
gr8gonzoConsultantCommented:
Have you modified the functions so that the <div>s are named "gallery1", "gallery2" and "gallery3" instead of all being named "gallery1" ?
0
 
zahimezherAuthor Commented:
yes, the ids ...
0
 
zahimezherAuthor Commented:
and added

#gallery1{ width:527px !important}
#gallery1 li{ float:left; width:240px; margin-right:47px;}
#gallery1 img{ height:120px;}
#gallery1 a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery2{ width:527px !important}
#gallery2 li{ float:left; width:240px; margin-right:47px;}
#gallery2 img{ height:120px;}
#gallery2 a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

#gallery3{ width:527px !important}
#gallery3 li{ float:left; width:240px; margin-right:47px;}
#gallery3 img{ height:120px;}
#gallery3 a{margin-top:7px; margin-bottom:23px; display:block; position:relative; background:url(../images/border1.gif) 0 0 no-repeat}

Open in new window

0

Featured Post

Get free NFR key for Veeam Availability Suite 9.5

Veeam is happy to provide a free NFR license (1 year, 2 sockets) to all certified IT Pros. The license allows for the non-production use of Veeam Availability Suite v9.5 in your home lab, without any feature limitations. It works for both VMware and Hyper-V environments

  • 14
  • 7
Tackle projects and never again get stuck behind a technical roadblock.
Join Now