background images not showing... background images not showing...
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

background images not showing...

Started by debragrant, November 17, 2008, 09:26:49 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

debragrant

November 17, 2008, 09:26:49 PM
my code

Code Select
<!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">&nbsp;</td>
    <td width="686" height="335" colspan="3" rowspan="1" background="images/galR1C2.jpg">&nbsp;</td>
    <td width="61" height="335" colspan="1" rowspan="1" background="images/galR1C5.jpg">&nbsp;</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">&nbsp;</td>
    <td width="27" height="25" colspan="1" rowspan="1" background="images/galR2C2.jpg">&nbsp;</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">&nbsp;</td>
    <td width="61" height="25" colspan="1" rowspan="1" background="images/galR2C5.jpg">&nbsp;</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">&nbsp;</td>
    <td width="27" height="16" colspan="1" rowspan="1" background="images/galR3C2.jpg">&nbsp;</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">&nbsp;</td>
    <td width="61" height="16" colspan="1" rowspan="1" background="images/galR3C5.jpg">&nbsp;</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">&nbsp;</td>
    <td width="27" height="224" colspan="1" rowspan="1" background="images/galR4C2.jpg">&nbsp;</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">&nbsp;</td>
    <td width="61" height="224" colspan="1" rowspan="1" background="images/galR4C5.jpg">&nbsp;</td>
  </tr>
</table>

</body>

</html>

css

Code Select


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?

Joachim Müller

#1
November 17, 2008, 10:10:28 PM

debragrant

#2
November 17, 2008, 10:44:13 PM
right here it is sorry for not adding it in the original post.

Gizmo

#3
November 17, 2008, 11:37:56 PM
Your link is to a hosting landing page.
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

debragrant

#4
November 18, 2008, 12:02:56 AM
sorry typed wrong  - here

Joachim Müller

#5
November 18, 2008, 10:22:40 AM
Edit http://megynprice.diva-host.com/gallery/themes/water_drop/style.css, find
Code Select
body {
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.

debragrant

#6
November 18, 2008, 02:01:59 PM
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.

debragrant

#7
November 18, 2008, 02:07:02 PM
sorted it. Stupid me  :-[

Joachim Müller

#8
November 19, 2008, 08:03:57 AM
For the benefit of others with similar issues you should resolve your thread properly by posting what you actually did to solve your issue.

dymondpetalz04

#9
November 23, 2008, 12:59:25 AM
Yes, can you please do that? I'm having the same issue, and I would love to know what you did to solve it

Joachim Müller

#10
November 23, 2008, 02:58:29 PM
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
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.
Print
Go Up Pages1
User actions