my 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" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<link rel="stylesheet" href="themes/water_drop/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!-- $Id: template.html 2688 2005-12-04 03:22:35Z donnoman $ -->
<title>Megyn Price | Gallery </title>
</head>
{META}
<body bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" width="801" height="601">
<tr align="left" valign="top">
<td rowspan="1" colspan="1" height="1" width="1"></td>
<td rowspan="1" colspan="1" height="1" width="53"></td>
<td rowspan="1" colspan="1" height="1" width="27"></td>
<td rowspan="1" colspan="1" height="1" width="627"></td>
<td rowspan="1" colspan="1" height="1" width="32"></td>
<td rowspan="1" colspan="1" height="1" width="61"></td>
</tr>
<tr align="left" valign="top">
<td rowspan="1" colspan="1" width="1" height="335"></td>
<td width="53" height="335" colspan="1" rowspan="1" background="images/galR1C1.jpg"> </td>
<td width="686" height="335" colspan="3" rowspan="1" background="images/galR1C2.jpg"> </td>
<td width="61" height="335" colspan="1" rowspan="1" background="images/galR1C5.jpg"> </td>
</tr>
<tr align="left" valign="top">
<td rowspan="1" colspan="1" width="1" height="25"></td>
<td width="53" height="25" colspan="1" rowspan="1" background="images/galR2C1.jpg"> </td>
<td width="27" height="25" colspan="1" rowspan="1" background="images/galR2C2.jpg"> </td>
<td width="627" height="25" colspan="1" rowspan="1" background="images/galR2C3.jpg">{SYS_MENU}
{SUB_MENU}
{THEME_SELECT_LIST}</td>
<td width="32" height="25" colspan="1" rowspan="1" background="images/galR2C4.jpg"> </td>
<td width="61" height="25" colspan="1" rowspan="1" background="images/galR2C5.jpg"> </td>
</tr>
<tr align="left" valign="top">
<td rowspan="1" colspan="1" width="1" height="16"></td>
<td width="53" height="16" colspan="1" rowspan="1" background="images/galR3C1.jpg"> </td>
<td width="27" height="16" colspan="1" rowspan="1" background="images/galR3C2.jpg"> </td>
<td width="627" height="16" colspan="1" rowspan="1" background="images/galR3C3.jpg">{ADMIN_MENU}</td>
<td width="32" height="16" colspan="1" rowspan="1" background="images/galR3C4.jpg"> </td>
<td width="61" height="16" colspan="1" rowspan="1" background="images/galR3C5.jpg"> </td>
</tr>
<tr align="left" valign="top">
<td rowspan="1" colspan="1" width="1" height="224"></td>
<td width="53" height="224" colspan="1" rowspan="1" background="images/galR4C1.jpg"> </td>
<td width="27" height="224" colspan="1" rowspan="1" background="images/galR4C2.jpg"> </td>
<td width="627" height="224" colspan="1" rowspan="1" background="images/galR4C3.jpg">{GALLERY}</td>
<td width="32" height="224" colspan="1" rowspan="1" background="images/galR4C4.jpg"> </td>
<td width="61" height="224" colspan="1" rowspan="1" background="images/galR4C5.jpg"> </td>
</tr>
</table>
</body>
</html>
css
body {
background: url("images/bg.jpg");
background-repeat: repeat-x;
background-color: #FDFEF9;
font-family: trebuchet ms;
font-size : 7pt;
color: #525252;
margin: 0px;
}
h1{
font-weight: normal;
font-size : 21px;
font-family: trebuchet ms;
text-decoration: none;
line-height : 120%;
color: #718EA5;
margin: 2px;
}
h2 {
font-family: trebuchet ms;
background-image : url(images/box_left_icon.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 18px;
font-size: 18px;
margin: 0px;
}
h3 {
font-weight: normal;
font-family: trebuchet ms;
font-size : 7pt;
margin: 2px;
}
p {
font-family: trebuchet ms;
font-size: 100%;
margin: 2px 0px;
}
ul {
margin-left: 5px;
padding: 0px;
}
li {
margin-left: 11px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;
}
.textinput {
font-family: trebuchet ms;
font-size: 100%;
color: #525252;
border: 1px solid #D1D7DC;
background-color: #EBEBEB;
padding-right: 3px;
padding-left: 3px;
}
.listbox {
font-family: trebuchet ms;
font-size: 100%;
border: 1px solid #D1D7DC;
vertical-align : middle;
}
.button {
font-family: trebuchet ms;
font-size: 100%;
border: 1px solid #2B2B2B;
background-color: #EBEBEB;
background-image : url(images/button_bg.gif);
background-position : bottom;
}
.comment_button {
font-family: trebuchet ms;
font-size: 100%;
border: 1px solid #D4D4D4;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}
.radio {
font-family: trebuchet ms;
font-size: 100%;
vertical-align : middle;
}
.checkbox {
font-family: trebuchet ms;
font-size: 100%;
vertical-align : middle;
}
a {
color: #453F41;
text-decoration: none;
font-size:8px;
font-family: Tahoma;
text-transform:uppercase;
font-weight:bold;
}
a:hover {
color: #929292;
text-decoration: underline;
font-size:8px;
font-family: Tahoma;
text-transform:uppercase;
font-weight:bold;
}
.bblink a {
color: #6B8EA2;
text-decoration: none;
}
.bblink a:hover {
color: #929292;
text-decoration: underline;
}
.maintable {
border: 1px solid #DAE2E3;
background-color: #E1EDEA;
margin-top: 1px;
margin-bottom: 1px;
}
.tableh1 {
font-family: Arial, Tahoma;
font-size: 10px;
color: #525252;
text-align: left;
background : #D4D4D4;
background-image: url(images/title-bg.jpg);
background-repeat: repeat;
padding-top: 8px;
padding-right: 7px;
padding-bottom: 8px;
padding-left: 10px;
}
.tableh1_compact {
font-family: Arial, Tahoma;
font-size: 10px;
color: #525252;
text-align: left;
background : #D4D4D4;
background-image: url(images/title-bg.jpg);
background-repeat: repeat;
padding-top: 8px;
padding-right: 7px;
padding-bottom: 8px;
padding-left: 10px;
}
.tableh2 {
font-family: Arial, Tahoma;
font-size: 10px;
color: #525252;
text-align: left;
background : #D4D4D4;
background-image: url(images/title-bg.jpg);
background-repeat: repeat;
padding-top: 3px;
padding-right: 11px;
padding-bottom: 3px;
padding-left: 11px;
}
.tableh2_compact {
font-family: Arial, Tahoma;
font-size: 10px;
color: #525252;
text-align: left;
background : #D4D4D4;
background-image: url(images/title-bg.jpg);
background-repeat: repeat;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableb {
background: #C9DFDD;
padding-top: 3px;
padding-right: 11px;
padding-bottom: 3px;
padding-left: 11px;
}
.tableb_compact {
background: #C9DFDD ;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tablef {
background: #C9DFDD;
padding-top: 11px;
padding-right: 11px;
padding-bottom: 11px;
padding-left: 11px;
}
.catrow_noalb {
background: #C9DFDD;
color : #525252;
padding-top: 3px;
padding-right: 11px;
padding-bottom: 3px;
padding-left: 11px;
}
.catrow {
background: #C9DFDD ;
padding-top: 3px;
padding-right: 11px;
padding-bottom: 3px;
padding-left: 11px;
}
.album_stat {
font-size : 85%;
margin: 5px 0px;
}
.thumb_filename {
font-size: 80%;
display: block;
}
.thumb_title {
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;
}
.thumb_caption {
font-size: 80%;
padding: 1px;
display : block;
}
.thumb_caption a {
text-decoration: underline;
color: #525252;
}
.thumb_num_comments {
font-weight: normal;
font-size: 85%;
padding: 2px;
font-style : italic;
display : block;
}
.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}
.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox td {
font-size: 85%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox a {
text-decoration: none;
color: #C94D65;
}
.user_thumb_infobox a:hover {
color: #929292;
text-decoration: underline;
}
.sortorder_cell {
background : #EBEBEB;
color: #525252;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 20px;
margin: 0px;
}
.sortorder_options {
font-family: trebuchet ms;
background : #EBEBEB;
color: #999999;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}
.navmenu {
font-family: trebuchet ms;
color: #525252;
font-weight: bold;
background : #EBEBEB;
border-style: none;
}
.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}
.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #453F41;
}
.navmenu a:hover {
background : #EBEBEB ;
text-decoration: none;
color: #929292;
}
.admin_menu_thumb {
font-family: trebuchet ms;
font-size: 90%;
border: 1px solid #D4D4D4;
background-position : bottom;
color: #525252;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}
.admin_menu_thumb a {
color: #453F41;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 11px;
padding-right: 11px;
}
.admin_menu_thumb a:hover {
color: #929292;
text-decoration: underline;
}
.admin_menu {
font-family: trebuchet ms;
font-size: 90%;
text-transform:uppercase;
border: 1px solid #D4D4D4;
background-position : bottom;
background-repeat: repeat-x;
background-color: #EBEBEB;
color: #525252;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
.admin_menu a {
color: #6B8EA2;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
}
.admin_menu a:hover {
color: #929292;
text-decoration: underline;
}
td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}
.comment_date{
color : #525252;
font-size: 90%;
vertical-align : middle;
}
.image {
border-style: solid;
border-width:2px;
border-color: #D4D4D4;
padding:3px;
margin: 2px;
}
.imageborder {
border: 0px solid #D4D4D4;
background-color: #EBEBEB;
margin-top: 30px;
margin-bottom: 30px;
}
.display_media {
background: #E1EDEA ;
padding-top: 3px;
padding-right: 11px;
padding-bottom: 3px;
padding-left: 11px;
}
a img {
border-style: solid;
border-width:2px;
border-color: #D4D4D4;
padding:3px;
margin: 2px;
}
a:hover img {
border-style: solid;
border-width:2px;
border-color: #BECCCD;
padding:3px;
margin: 2px;
}
.thumbnails {
background: #E1EDEA;
padding: 5px;
}
.footer {
font-size : 9px;
}
.footer a {
text-decoration: none;
color: #453F41;
}
.footer a:hover {
color: #929292;
text-decoration: underline;
}
.statlink {
color: #525252;
}
.statlink a {
text-decoration: none;
color: #6B8EA2;
}
.statlink a:hover {
color: #929292;
text-decoration: underline;
}
.alblink a {
text-decoration: none;
color: #453F41;
}
.alblink a:hover {
color: #929292;
text-decoration: underline;
}
.catlink {
display: block;
margin-bottom: 2px;
}
.catlink a {
text-decoration: none;
color: #6B8EA2;
}
.catlink a:hover {
color: #929292;
text-decoration: underline;
}
.topmenu {
font-family: trebuchet ms;
line-height : 130%;
font-size : 110%;
}
.topmenu a {
color : #6B8EA2;
text-decoration : none;
}
.topmenu a:hover {
color : #929292;
text-decoration : underline;
}
.img_caption_table {
border: none;
background-color: #EBEBEB;
width : 100%;
margin : 0px;
}
.img_caption_table th {
background: #D1D7DC ;
font-size : 100%;
color : #525252;
padding-top: 4px;
padding-right: 11px;
padding-bottom: 4px;
padding-left: 11px;
border-top : 1px solid #EBEBEB;
}
.img_caption_table td {
background: #EBEBEB ;
padding-top: 6px;
padding-right: 11px;
padding-bottom: 6px;
padding-left: 11px;
border-top : 1px solid #EBEBEB;
white-space: normal;
}
.debug_text {
border: #BDBEBD;
background-color: #EFEFEF;
width : 100%;
margin : 0px;
}
.clickable_option {
cursor : default;
}
.listbox_lang {
color: #525252;
background-color: #EBEBEB;
border: 1px solid #EBEBEB;
font-size: 80%;
font-family: trebuchet ms;
vertical-align : middle;
}
#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}
all my images have been uploaded to the images folder. Are the paths to the images in the html wrong?
Board rules / Forum policies: Post Links (http://forum.coppermine-gallery.net/index.php/topic,55415.msg270616.html#msg270616)
right here (http://www.megynprice.divahost.com/gallery) it is sorry for not adding it in the original post.
Your link is to a hosting landing page.
sorry typed wrong - here (http://www.megynprice.diva-host.com/gallery)
Edit http://megynprice.diva-host.com/gallery/themes/water_drop/style.css, findbody {
background: url("images/bg.jpg");
background-repeat: repeat-x;
background-color: #FDFEF9;
font-family: trebuchet ms;
font-size : 7pt;
color: #525252;
margin: 0px;
}
and replace with code that actually points to the background image you want to use. The background image doesn't reside at http://megynprice.diva-host.com/gallery/images/bg.jpg nor http://megynprice.diva-host.com/gallery/themes/water_drop/images/bg.jpg nor (both URLs return a 404 not found), so what do you expect? A miracle? If you can't figure out the correct path, post a deep link to the background image that you want to use and we'll tell you the correct path in return.
think it's easier to attached the whole theme.
As you can tell from my html code I have many images. These being td backgrounds (maybe that were I'm going wrong). The background it's self can be any of the dark gray images.
sorted it. Stupid me :-[
For the benefit of others with similar issues you should resolve your thread properly by posting what you actually did to solve your issue.
Yes, can you please do that? I'm having the same issue, and I would love to know what you did to solve it
Stay out of this thread please. Instead, start a new thread and do exactly the same thing we adviced the thread starter of this thread:
Quote from: Joachim Müller on November 17, 2008, 10:10:28 PM
Board rules / Forum policies: Post Links (http://forum.coppermine-gallery.net/index.php/topic,55415.msg270616.html#msg270616)
Don't just blindly reply - at least read the thread you're replying to: we told the thread starter what information we need to solve his issues. The same recommendations apply to you as well.
Locking.