No replies
gothimas
gothimas's picture
Offline
newbie
Last seen: 10 years 30 weeks ago
Joined: 2010-02-22
Posts: 1
Points: 2

hello,
here's the problem, i have been trying for a couple of days to add this http://www.cssplay.co.uk/menu/lightbox.html photo gallery into my website on the page "galerie" http://domtattoo.clanteam.com/galerie.html but i couldnt manage to add it on the page just after the banner "domtattoo ink". here's the folder given on the website where i found the gallery http://www.cssplay.co.uk/menu/zips/gallery.zip
i am not a pro of the CSS and adding this gallery is just a chalenge to hard for me.
could you please help me?
voila the final outcome i would like to obtain if possible. big thanks in advance
http://moe.mabul.org/up/moe/2010/02/22/img-193458a2cax.jpg.html

ps: i appologize if i have made several langage mistakes.

my html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Domtattoo Official</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body>
<div id="container">
  <div id="header">
   <ul>
      <li><a href="http://domtattoo.clanteam.com/">Home</a></li>
      <li><a href="http://domtattoo.clanteam.com/">Membres</a></li>
      <li><a href="http://domtattoo.clanteam.com/">Gallery</a></li>
      <li><a href="http://domtattoo.clanteam.com/">shows</a></li>
      <li><a href="http://domtattoo.clanteam.com/">Contact</a></li>
      <li><a href="http://domtattoo.clanteam.com/">Piercing</a></li>
    </ul>
  </div>
  <div id="galerie">
<center><img src="http://www.domtattoo.clanteam.com/images/dom.jpg" width="727" height="153" alt="eagle"></center>
 
  </div>
  <div id="footer"> copyright information 2010.All rights reserved. | designed by Gothimas</a></div>
</div>
</body>
</html>

my CSS

body {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/background.jpg);
        background-repeat: repeat
}
.clear{clear:both;}
* {margin: 0px;padding: 0px;}
#container {
	margin: 0 auto;
	text-align: left;
	width: 767px;
}
a{color:#3b4dfa;}
a:hover{color:#3b4dfa;}
/********************** Header ***************************/
#header {
	background-image:url(images/header.jpg);
	width:767px;
	height:404px;
	position:relative;
}
#header ul{
	position:absolute;
	top:367px;
	left:100px;
}
#header li{
	display:block;
	float:left;
	width:97px;
}
#header ul a{
	color:#ffffff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 900;
	text-transform: capitalize;
}
#header ul a:hover{color:#3b4dfa;}
 
/********************** Welcome ***************************/
#welcome {
	background-image:url(images/blackback.jpg);
	background-repeat: repeat;
	background-position: center;
}
}
=
#welcome h3{
	margin: 10px 10px 10px 80px;
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #0215c9;}
#welcome p{
margin: 0px 0px 0px 80px;width:416px;height:700px}
#welcome a{}
 
/********************** video ***************************/
#video {
	background-image:url(images/blackback.jpg);
	background-repeat: repeat;
	background-position: center;
}
}
=
 
#video p{
margin: 0px 0px 0px 80px;width:416px;height:700px}
#video a{}
 
/********************** galerie ***************************/
#galerie {
	background-image:url(images/blackback.jpg);
	background-repeat: repeat;
	background-position: center;
}
 
#galerie p{
margin: 0px 0px 0px 80px;width:416px;height:700px}
#galerie a{}
 
/********************** Footer ***************************/
#footer {
	background-image:url(images/line.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 10px 10px 110px;
	text-align:center;
}