SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member sushi's Avatar
    Join Date
    Jun 2004
    Location
    Romania
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    what am I missing?

    I have this html code:

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>document title</title>
    <script type="text/javascript"> </script> 
    <script language=javascript src="scripts/scripts.js"></script>
    <style type="text/css" media="all">
    	@import url("css/001/001.css");
    </style> 
    </head>
    
    <body>
    <div id="container">
    	<div id="header">
    		<div id="header_container">
    			<div id="header_logo"></div>
    			<div id="header_text"><p>Bienvenue sur ...</p></div>
    		</div>
    		<div id="header_blue">
    			<div id="header_blue_container">
    				<div id="header_blue_select">
    					<select name="select_t1">
    						<option value="p">Photos</option>
    						<option value="v">Videos</option>
    					</select>&nbsp;&nbsp;
    					<select name="select_r1">
    						<option value="16">option 1</option>
    						<option value="3">option 2</option>
    					</select>
    				</div>
    				<div id="header_blue_flags">
    					<a href="#"><img src="img/flag_fr.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    					<a href="#"><img src="img/flag_uk.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    					<a href="#"><img src="img/flag_it.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    					<a href="#"><img src="img/flag_es.gif" width="18" height="12" border="0" /></a>
    				</div>
    			</div>
    		</div>
    	</div>
    	<div id="centercontent">
    		<div id="left_menu">
    			<div id="left_menu_box">
    				<p>Vidéos</p>
    					<a href="#">link 01</a><br />
    					<a href="#">link 02</a><br />
    					<a href="#">link 03</a><br />
    					<a href="#">link 04</a><br />
    					<a href="#">link 05</a><br />
    					<a href="#">link 06</a><br />
    					<a href="#">link 07</a><br />
    					<a href="#">link 08</a><br />
    					<a href="#">link 09</a><br />
    					<a href="#">link 10</a><br />
    					<a href="#">link 11</a><br />
    					<a href="#">link 12</a><br />
    					<a href="#">link 13</a><br />
    					<a href="#">link 14</a>
    			</div>
    			<div id="left_menu_box">
    				<p>Photos</p>
    					<a href="#">link 01</a><br />
    					<a href="#">link 02</a><br />
    					<a href="#">link 03</a><br />
    					<a href="#">link 04</a><br />
    					<a href="#">link 05</a><br />
    					<a href="#">link 06</a><br />
    					<a href="#">link 07</a><br />
    					<a href="#">link 08</a><br />
    					<a href="#">link 09</a><br />
    					<a href="#">link 10</a><br />
    					<a href="#">link 11</a><br />
    					<a href="#">link 12</a><br />
    					<a href="#">link 13</a><br />
    					<a href="#">link 14</a>
    			</div>
    		</div>
    		<div id="center_text">
    			<textarea>text</textarea>
    			<div id="center_text_smallbox">
    				<p>Photos</p>
    				<span>
    					<a href="#">01</a><br />
    					<a href="#">02</a><br />
    					<a href="#">03</a><br />
    					<a href="#">04</a><br />
    					<a href="#">05</a><br />
    					<a href="#">06</a><br />
    					<a href="#">07</a><br />
    				</span>
    			</div>
    			<div id="center_text_smallbox">
    				<p>Vidéos</p>
    				<span>
    					<a href="#">01</a><br />
    					<a href="#">02</a><br />
    					<a href="#">03</a><br />
    					<a href="#">04</a><br />
    					<a href="#">05</a><br />
    					<a href="#">06</a><br />
    					<a href="#">07</a><br />
    				</span>
    			</div>
    			<div id="center_text_bigbox">
    				<p>Set au hasard</p>
    			  <span><a href="#"><img src="img/01.jpg" width="79" height="120"></a><br /><a href="#">47 photos</a></span>
    			  <span><a href="#"><img src="img/02.jpg" width="120" height="79"></a><br /><a href="#">95 photos</a></span>
    			</div>
    			<div id="center_text_bigbox">
    				<p>Set au hasard</p>
    			  <span><a href="#"><img src="img/03.jpg" width="120" height="81"></a><br /><a href="#">basse qualité</a><br /><a href="#">haute qualité</a></span>
    			  <span><a href="#"><img src="img/04.jpg" width="120" height="90"></a><br /><a href="#">basse qualité</a><br /><a href="#">haute qualité</a></span>
    			</div>
    		</div>
    	</div>
    	<div id="footer">
    		<div id="footer_container">
    			<div id="footer_select">
    				<select name="select_t1">
    					<option value="p">Photos</option>
    					<option value="v">Videos</option>
    				</select>&nbsp;&nbsp;
    				<select name="select_r1">
    					<option value="16">option 1</option>
    					<option value="3">option 2</option>
    				</select>
    			</div>
    			<div id="footer_flags">
    				<a href="#"><img src="img/flag_fr.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    				<a href="#"><img src="img/flag_uk.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    				<a href="#"><img src="img/flag_it.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    				<a href="#"><img src="img/flag_es.gif" width="18" height="12" border="0" /></a>
    			</div>
    		</div>
    	</div>
    </div>
    </body>
    </html>
    I took out the
    Code:
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -
    because the links were not correctly dimensioned (width)... still this only works in IE

    the css for this is:
    Code:
     
    body {
    	padding: 0px;
    	margin: 0px; 
    	background-color: #061d35;
    	text-align: center;
    }
    #container {
    	text-align: center;
    	background-color: #061d35;
    	font: 10px Verdana;
    	color: #C5D8EC; 
    	width: 100%;
    }
    /* start header */
    #header {
    	position: relative;
    	width: 100%;
    	height: 195px;
    	top: 0px; 
    	left: 0px; 
    	color: #000000; 
    	text-align: center;
    }
    	#header_container {
    		margin-top: 23px;
    		margin-bottom: 24px;
    		width: 750px;
    		height: 116px;
    		border: 1px solid #C5D8EC;
    		background-color: #000000;
    	}
    		#header_logo {
    			margin-top: 8px;
    			background: url(logo.gif) no-repeat;
    			width: 300px;
    			height: 100px;
    			float: left;
    		}
    		#header_text {
    			font: 10px Verdana;
    			color: #C5D8EC;
    		}
    		#header_text p {
    			margin-top: 30px;
    			padding-right: 10px;
    		}
    	#header_blue {
    		text-align: center;
    		width: 100%;
    		height: 30px;
    		background-color: #3E7AB7;
    	}
    		#header_blue_container {
    			width: 750px;
    		}
    			#header_blue_select {
    				padding-left: 10px;
    				padding-top: 5px;
    				text-align: left;
    				float: left;
    			}
    			#header_blue_select select {
    				font: 10px Verdana;
    				color: #000000;
    			}
    			#header_blue_flags {
    				text-align: right;
    				padding-top: 9px;
    				padding-right: 20px;
    			}
    			#header_blue_flags img {
    				border: 1px solid #000000;
    			}
    /* end header */
    /* start center */
    #centercontent {
    	height: 100%;
    	position: relative;
    	margin-top: 10px;
    	width: 750px;
    }
    #left_menu {
    	width: 150px;
    	height: 100%;
    	text-align: center;
    	float: left;
    }
    	#left_menu_box {
    		width: 116px;
    		border: 2px dotted #C5D8EC;
    		background-color: #336699;
    		text-align: left;
    		margin-bottom: 30px;
    	}
    		#left_menu_box p {
    			padding-top: 4px;
    			font: 13px Arial;
    			color: #CAE2FA;
    			font-weight: bold;
    			height: 24px;
    			background-color: #113557;
    			text-align: right;
    			padding-right: 18px;
    			margin-bottom: 0px;
    		}
    		#left_menu_box a {
    			font: 10px Verdana;
    			color: #FFFFFF;
    			text-decoration: none;
    			background-color: #336699;
    			height: 14px;
    			width: 112px;
    			padding-left: 10px;
    		}
    		#left_menu_box a:hover {
    			text-decoration: underline;
    			background-color: #113557;
    			height: 14px;
    			width: 112px;
    			padding-left: 10px;
    		}
    
    #center_text {
    	text-align: center;	
    }
    #center_text textarea {
    	border: 1px solid #336699;
    	width: 412px;
    	height: 70px;
    	margin-bottom: 10px;
    }
    #center_text_smallbox {
    	float: left;
    	width: 280px;
    	border: 1px solid #336699;
    	text-align: left;
    	margin-right: 10px;
    	margin-bottom: 20px;
    }
    	#center_text_smallbox p {
    		padding-top: 4px;
    		font: 13px Arial;
    		color: #CAE2FA;
    		font-weight: bold;
    		height: 24px;
    		background-color: #113557;
    		text-align: right;
    		padding-right: 10px;
    		margin-bottom: 0px;
    	}
    	#center_text_smallbox span {
    		margin: 0px 2px 2px 2px;
    		width: 274px;
    		background-color: #336699;
    	}
    	#center_text_smallbox a {
    		font: 10px Verdana;
    		color: #FFFFFF;
    		text-decoration: none;
    		background-color: #336699;
    		height: 15px;
    		width: 274px;
    		padding-left: 5px;
    	}
    	#center_text_smallbox a:hover {
    		text-decoration: underline;
    		background-color: #113557;
    		height: 15px;
    		width: 274px;
    		padding-left: 5px;
    	}
    #center_text_bigbox {
    	float: left;
    	width: 280px;
    	border: 1px solid #336699;
    	margin-right: 10px;
    	margin-bottom: 20px;
    	background-color: #123456;
    }
    	#center_text_bigbox p {
    		padding-top: 4px;
    		font: 13px Arial;
    		color: #CAE2FA;
    		font-weight: bold;
    		height: 30px;
    		background-color: #123456;
    		text-align: right;
    		padding-right: 10px;
    		margin-bottom: 0px;
    	}
    	#center_text_bigbox span {
    		background-color: #123456;
    		margin: 0px 1px 2px 2px;
    		width: 135px;
    		height: 186px;
    		border: 1px solid #336699;
    		float: left;
    	}
    	#center_text_bigbox span:hover {
    		background-color: #1C446D;
    	}
    	#center_text_bigbox img {
    		margin-top: 20px;
    		border: 1px solid #336699;
    	}
    	#center_text_bigbox a {
    		font: 10px Verdana;
    		color: #FFFFFF;
    		text-decoration: none;
    	}
    	#center_text_bigbox a:hover {
    		font: 10px Verdana;
    		color: #FFFFFF;
    		text-decoration: underline;
    	}
    /* end center */
    /* start footer */
    #footer {
    	margin-bottom: 0px;
    	left: 0;
    	position: absolute;
    	width: 100%;
    	height: 30px;
    	background-color: #3E7AB7;
    	text-align: center;
    }
    	#footer_container {
    		width: 750px;
    	}
    		#footer_select {
    			padding-left: 10px;
    			padding-top: 5px;
    			text-align: left;
    			float: left;
    		}
    		#footer_select select {
    			font: 10px Verdana;
    			color: #000000;
    		}
    		#footer_flags {
    			text-align: right;
    			padding-top: 9px;
    			padding-right: 20px;
    		}
    		#footer_flags img {
    			border: 1px solid #000000;
    		}
    /* end footer */
    Problems: first of all... centering the content... width for a (or somethig better to replace what I have for now, because I want it to be the same on any browser, of course with few minor differences)
    There must be something I'm missing since it is corect on IE, but on anything else it's not centered, although the body class has text-align: center...
    If this is a simple thing I will propably shoot myself, but for now I can't find it... any help would be appriciated.
    Thanks in advance!

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    #container { margin: 0 auto; }

  3. #3
    SitePoint Member sushi's Avatar
    Join Date
    Jun 2004
    Location
    Romania
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks...
    in IE no change (as I suspected), but still no change in Firefox nore Opera (I tested only on windows so far). (

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I posted the answer to this an hour ago ! I must have clicked the wrong button doh!

    Anyway I've done it all again although you may need to tidy the margins up.

    To centre in compliant browsers you need to use margin-left:auto and margin-right:auto (or margin:auto will do for most browsers). The element of course needs to have a specified with for this to happen. Ie5 and 5.5. use (incorrectly ) text-align:center on a parent element to not only centre text but nested block elements as well so you need to use both methods.

    To get the anchors to expand you need to use display block and then you don't need the width and avoid the box nodel problem. You shouldn't use <br> to make space in your layout but use margins instead.

    I can't remember what else I did so study the code and learn You may still need to tidy some margins up as I have done this rather quickly (seeing as I had to do it twice)


    Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>document title</title>
    <script type="text/javascript"> </script> 
    <script language=javascript src="scripts/scripts.js"></script>
    <style type="text/css" media="all">
    body {
     padding: 0px;
     margin: 0px; 
     background-color: #061d35;
     text-align: center;
    }
    #container {
     text-align: center;
     background-color: #061d35;
     font: 10px Verdana;
     color: #C5D8EC; 
    }
    /* start header */
    #header {
     position: relative;
     height: 195px;
     color: #000000; 
     text-align: center;
    }
     #header_container {
      margin:23px auto 24px;/*center for compliant browsers */
      width: 750px;
      height: 116px;
      border: 1px solid #C5D8EC;
      background-color: #000000;
     }
      #header_logo {
       margin-top: 8px;
       background: url(logo.gif) no-repeat;
       width: 300px;
       height: 100px;
       float: left;
      }
      #header_text {
       font: 10px Verdana;
       color: #C5D8EC;
      }
      #header_text p {
       margin-top: 30px;
       padding-right: 10px;
      }
     #header_blue {
      text-align: center;
      height: 30px;
      background-color: #3E7AB7;
     }
      #header_blue_container {
       width: 750px;
       margin:auto;
      }
       #header_blue_select {
    	padding-left: 10px;
    	padding-top: 5px;
    	text-align: left;
    	float: left;
       }
       #header_blue_select select {
    	font: 10px Verdana;
    	color: #000000;
       }
       #header_blue_flags {
    	text-align: right;
    	padding-top: 9px;
    	padding-right: 20px;
       }
       #header_blue_flags img {
    	border: 1px solid #000000;
       }
    /* end header */
    /* start center */
    #centercontent {
     position: relative;
     margin:auto;
     margin-top: 10px;
     width: 750px;
    }
    #left_menu {
     width: 150px;
     text-align: center;
     float: left;
    }
     #left_menu_box {
      width: 116px;
      border: 2px dotted #C5D8EC;
      background-color: #336699;
      text-align: left;
      margin-bottom: 30px;
     }
      #left_menu_box p {
       padding-top: 4px;
       font: 13px Arial;
       color: #CAE2FA;
       font-weight: bold;
       height: 24px;
       background-color: #113557;
       text-align: right;
       padding-right: 18px;
       margin-bottom: 0px;
      }
      #left_menu_box a {
       font: 10px Verdana;
       color: #FFFFFF;
       text-decoration: none;
       background-color: #336699;
       height: 14px;
       display:block;/* extends full width of anchor */
       padding-left: 10px;
      }
      #left_menu_box a:hover {
       text-decoration: underline;
       background-color: #113557;
      }
    #center_text {
     text-align: center; 
    }
    #center_text textarea {
     border: 1px solid #336699;
     width: 412px;
     height: 70px;
     margin-bottom: 10px;
     margin:auto;
    }
    #center_text_smallbox {
     float: left;
     width: 280px;
     border: 1px solid #336699;
     text-align: left;
     margin-right: 10px;
     margin-bottom: 20px;
    }
     #center_text_smallbox p {
      padding-top: 4px;
      font: 13px Arial;
      color: #CAE2FA;
      font-weight: bold;
      height: 24px;
      background-color: #113557;
      text-align: right;
      padding-right: 10px;
      margin-bottom: 0px;
     }
     #center_text_smallbox span {
      margin: 0px 2px 2px 2px;
      width: 274px;
      background-color: #336699;
     }
     #center_text_smallbox a {
      font: 10px Verdana;
      color: #FFFFFF;
      text-decoration: none;
      background-color: #336699;
      height: 15px;
      display:block;
      padding-left: 5px;
     }
     #center_text_smallbox a:hover {
      text-decoration: underline;
      background-color: #113557;
     }
    #center_text_bigbox {
     float: left;
     width: 280px;
     border: 1px solid #336699;
     margin-right: 10px;
     margin-bottom: 20px;
     background-color: #123456;
    }
     #center_text_bigbox p {
      padding-top: 4px;
      font: 13px Arial;
      color: #CAE2FA;
      font-weight: bold;
      height: 30px;
      background-color: #123456;
      text-align: right;
      padding-right: 10px;
      margin-bottom: 0px;
     }
     #center_text_bigbox span {
      background-color: #123456;
      margin: 0px 1px 2px 2px;
      width: 135px;
      height: 186px;
      border: 1px solid #336699;
      float: left;
     }
     #center_text_bigbox span:hover {
      background-color: #1C446D;
     }
     #center_text_bigbox img {
      margin-top: 20px;
      border: 1px solid #336699;
     }
     #center_text_bigbox a {
      font: 10px Verdana;
      color: #FFFFFF;
      text-decoration: none;
     }
     #center_text_bigbox a:hover {
      font: 10px Verdana;
      color: #FFFFFF;
      text-decoration: underline;
     }
    /* end center */
    /* start footer */
    #footer {
     margin-bottom: 0px;
     height: 30px;
     background-color: #3E7AB7;
     text-align: center;
     clear:both;
     
    }
     #footer_container {
      width: 750px;
     margin:auto;
     }
      #footer_select {
       padding-left: 10px;
       padding-top: 5px;
       text-align: left;
       float: left;
      }
      #footer_select select {
       font: 10px Verdana;
       color: #000000;
      }
      #footer_flags {
       text-align: right;
       padding-top: 9px;
       padding-right: 20px;
      }
      #footer_flags img {
       border: 1px solid #000000;
      }
    /* end footer */
    </style> 
    </head>
    <body>
    <div id="container">
     <div id="header">
      <div id="header_container">
       <div id="header_logo"></div>
       <div id="header_text"><p>Bienvenue sur ...</p></div>
      </div>
      <div id="header_blue">
       <div id="header_blue_container">
    	<div id="header_blue_select">
    	 <select name="select_t1">
    	  <option value="p">Photos</option>
    	  <option value="v">Videos</option>
    	 </select>&nbsp;&nbsp;
    	 <select name="select_r1">
    	  <option value="16">option 1</option>
    	  <option value="3">option 2</option>
    	 </select>
    	</div>
    	<div id="header_blue_flags">
    	 <a href="#"><img src="img/flag_fr.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    	 <a href="#"><img src="img/flag_uk.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    	 <a href="#"><img src="img/flag_it.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    	 <a href="#"><img src="img/flag_es.gif" width="18" height="12" border="0" /></a>
    	</div>
       </div>
      </div>
     </div>
     <div id="centercontent">
      <div id="left_menu">
       <div id="left_menu_box">
    	<p>Vidéos</p>
    	 <a href="#">link 01</a>
    	 <a href="#">link 02</a>
    	 <a href="#">link 03</a>
    	 <a href="#">link 04</a>
    	 <a href="#">link 05</a>
    	 <a href="#">link 06</a>
    	 <a href="#">link 07</a>
    	 <a href="#">link 08</a>
    	 <a href="#">link 09</a>
    	 <a href="#">link 10</a>
    	 <a href="#">link 11</a>
    	 <a href="#">link 12</a>
    	 <a href="#">link 13</a>
    	 <a href="#">link 14</a>
       </div>
       <div id="left_menu_box">
    	<p>Photos</p>
    	 <a href="#">link 01</a>
    	 <a href="#">link 02</a>
    	 <a href="#">link 03</a>
    	 <a href="#">link 04</a>
    	 <a href="#">link 05</a>
    	 <a href="#">link 06</a>
    	 <a href="#">link 07</a>
    	 <a href="#">link 08</a>
    	 <a href="#">link 09</a>
    	 <a href="#">link 10</a>
    	 <a href="#">link 11</a>
    	 <a href="#">link 12</a>
    	 <a href="#">link 13</a>
    	 <a href="#">link 14</a>
       </div>
      </div>
      <div id="center_text">
       <textarea>text</textarea>
       <div id="center_text_smallbox">
    	<p>Photos</p>
    	<span>
    	 <a href="#">01</a>
    	 <a href="#">02</a>
    	 <a href="#">03</a>
    	 <a href="#">04</a>
    	 <a href="#">05</a>
    	 <a href="#">06</a>
    	 <a href="#">07</a>
    	</span>
       </div>
       <div id="center_text_smallbox">
    	<p>Vidéos</p>
    	<span>
    	 <a href="#">01</a>
    	 <a href="#">02</a>
    	 <a href="#">03</a>
    	 <a href="#">04</a>
    	 <a href="#">05</a>
    	 <a href="#">06</a>
    	 <a href="#">07</a>
    	</span>
       </div>
       <div id="center_text_bigbox">
    	<p>Set au hasard</p>
    	 <span><a href="#"><img src="img/01.jpg" width="79" height="120"></a><br /><a href="#">47 photos</a></span>
    	 <span><a href="#"><img src="img/02.jpg" width="120" height="79"></a><br /><a href="#">95 photos</a></span>
       </div>
       <div id="center_text_bigbox">
    	<p>Set au hasard</p>
    	 <span><a href="#"><img src="img/03.jpg" width="120" height="81"></a><br /><a href="#">basse qualité</a><br /><a href="#">haute qualité</a></span>
    	 <span><a href="#"><img src="img/04.jpg" width="120" height="90"></a><br /><a href="#">basse qualité</a><br /><a href="#">haute qualité</a></span>
       </div>
      </div>
     </div>
     <div id="footer">
      <div id="footer_container">
       <div id="footer_select">
    	<select name="select_t1">
    	 <option value="p">Photos</option>
    	 <option value="v">Videos</option>
    	</select>&nbsp;&nbsp;
    	<select name="select_r1">
    	 <option value="16">option 1</option>
    	 <option value="3">option 2</option>
    	</select>
       </div>
       <div id="footer_flags">
    	<a href="#"><img src="img/flag_fr.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    	<a href="#"><img src="img/flag_uk.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    	<a href="#"><img src="img/flag_it.gif" width="18" height="12" border="0" /></a>&nbsp;&nbsp;
    	<a href="#"><img src="img/flag_es.gif" width="18" height="12" border="0" /></a>
       </div>
      </div>
     </div>
    </div>
    </body>
    </html>
    Works in ie5 - 6, firefox/mozilla and OPera7 (more or less the same with a few minor differences).

    Hope that helps.

    Paul

  5. #5
    SitePoint Member sushi's Avatar
    Join Date
    Jun 2004
    Location
    Romania
    Posts
    24
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    speechless as always... all I have to say now is thanks!


Bookmarks

Posting Permissions

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