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

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

background images not showing...

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

Previous topic - Next topic

0 Members and 2 Guests 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