Joomla!NL - [opgelost] Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

15 mei 2014 23:05

#1

Ik heb de site www.kijkeensomlaag.nl overgezet naar Joomla 2.5.20. Dit is met goed gelukt alleen in de template duikt een klein probleempje om met de images boven in de template.

Als ik de site start krijg ik boven in het scherm alle beide images zoals ik deze graag wil zien. Zowel templates/sunshine/images/sunshine.jpg (links) als templates/sunshine/images/rechts.jpg (rechts) komen goed op de pagina. In Firefox, IE en Google Chrome gaan de startpagina’s dus goed (index.php).

Vervolgens ga ik naar een andere pagina op de site en dan blijven alleen in Google Chrome beide images staan. In Firefox en IE verdwijnt de image templates/sunshine/images/sunshine.jpg.

Heeft iemand hiervoor een oplossing, zodat dit goed blijft gaan in ieder browser.

Alvast bedankt voor de moeite en graag hoor ik.

Met vriendelijke groet,

Geert Molema

Meteodelfzijl
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 31

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 00:00

#2

Nog even wat extra informatie. Met de oude versie 1.5.26 van Joomla is dit probleem niet aanwezig. Deze staat op www. kijkeensomlaag.nl/cms

Meteodelfzijl
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 31

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 09:37

#3

Pad naar je image klopt niet. Moet dit zijn:

Code:

#background {
  background-image: url("../templates/sunshine/images/sunshine.jpg");
  background-repeat: no-repeat;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37439

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 13:22

#4

Goedemiddag. Bedankt voor de reactie. Ik heb het in het css-bestand aangepast maar het werkt nog steeds niet.

Meteodelfzijl
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 31

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 13:26

#5

Bijgaand nog even de css-code. Misschien wel zo handig.

Code:

@charset "utf-8";
/*Code by Fio
author url: http//www.vonfio.de
License: Creative Commons Attribution-Share Alike 3.0 Unported License
*/
body  {
        margin: 0px;
        padding: 0px;
        text-align: left;
        background-color: #D0E8EF;
        background-image: url(../images/rechts.jpg);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: right top;
}
p, td, tr {
        padding: 0;
        margin: 0;
        font-size: 10;
        font-family: verdana;
        
}
#container {
        padding-bottom: 10px;
        margin: 0px auto;
}
#background {
  background-image: url("../templates/sunshine/images/sunshine.jpg");
  background-repeat: no-repeat;
}

#header  {

        background-attachment: fixed;


}

#header-in  {
        margin: 0 auto;
}
#date {
        font-size: 11px;
        float: left;
        color: #fff;
        font-weight: bold;
        margin-right: 20px;
}
#pathway {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        height: 36px;
        line-height: 36px;
}
#pathway a {
        color: #CCCCCC;
        height: 36px;
        line-height: 36px;
        font-size: 11px;
}
#search_out {
        float: right;
        background-image: url(../images/search.png);
        background-repeat: no-repeat;
        width: 120px;
        height: 36px;
}
#search {
        margin: 12px 0 7px 50px;
}
#search input,
#search .inputbox {
        float: left;
        margin: 0;
        background: none;
        border: none;
        padding: 0;
        font-size: 11px;
}
#banner_out {
        background-repeat: repeat-x;
        height: 180px;
        width: 100%;
        
}
#banner_left {
        float: left;
        color: #FFFFFF;
        height: 140px;
}
.sitetitle {
        text-indent: 30px;
        padding-top: 60px;
        font-size: 24px;
}
.sitetitle a {
        color: #333333 !important;
}
#banner {
        float: right;
        padding: 30px 30px 0px 0px;
}
#topmenu_out {
        height: 40px;
}
#topmenu_left {
        height: 40px;
        background-repeat: no-repeat;
}
#topmenu_right {
        height: 40px;
        background-repeat: no-repeat;
        background-position: right;
}
#topmenu {
        height: 40px;
        color: #fff;
        text-align: left;
        margin: 0px 24px;
        background-repeat: repeat-x;
}
#navigation {
        height: 34px;
        width: 100%;
        float: left;
        margin: 6px 0 0 0;
}
#topmenu ul,
#topmenu li {
        display: inline;
        padding: 0px;
        margin: 0px;
        list-style-type: none;
}
#topmenu a {
        color: #fff;
        float: left;
        height: 33px;
        border: none;
        background: none;
        font-size: 11px;
        font-family: Tahoma, Arial, Verdana;
        padding: 0px 14px;
        line-height: 33px;
        font-weight: bold;
}
#topmenu  a:hover,
#topmenu #active_menu,
#topmenu li#current a {
        text-decoration: none;
        background-image: url(../images/topmenu_over.jpg);
        color: #FFFFFF;
        background-repeat: repeat-x;
        background-position: bottom;
        background-color: #333333;
}
#left_border {
        width: 100%;
        text-align: left;
        background-repeat: repeat-y;
        margin: 0 auto;
    }  
#right_border {
        background-repeat: repeat-y;
        background-position: right;
        margin: 0 0 0 10px;
}
#maincontent {
}
#main {
        padding: 0 0 10px 0;
        margin: 0 10px 0 0;
        background-color: #FFFFFF;
}
#left_out {
        width: 300px;
        float: left;
        padding: 0;
        margin: 0 0 10px 0;
}
#right_out  {
        width: 250px;
        float: right;
        padding: 0;
        margin: 0 0 10px 0;
}
#left_out ul, #left_out li, #right_out ul, #right_out li {
        list-style-type: none;
        padding: 0 0 0 8px;
        margin: 0;
}
#left_out ul.menu li a,
#left_out ul.menu li#current a,
#left_out a.mainlevel,
#right_out ul.menu li a,
#right_out ul.menu li#current a,
#right_out a.mainlevel {
        display: block;
        height: 25px;
        line-height: 25px;
                background-repeat: no-repeat;
        background-position: left;
        width: 290px;
        font-size: 12px;
!important;
        font-weight: normal;
        text-indent: 20px;
!important;
}
#left_out ul.menu a:hover,
#right_out ul.menu a:hover,
#left_out a.mainlevel:hover,
#right_out a.mainlevel:hover,
#left_out #active_menu,
#right_out #active_menu,
#left_out ul.menu li#current a,
#right_out ul.menu li#current a {
        background-image: url(../images/mainlevel_over.gif);
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: left;
        color: #000000; !important;
}
#left_out a.sublevel,
#left_out ul.menu li#current li a,
#left_out ul.menu li li a,
#left_out ul.menu li li#current a,
#left_out ul.menu li li#current li a,
#left_out ul.menu li li li a,
#right_out a.sublevel,
#right_out ul.menu li#current li a,
#right_out ul.menu li li a,
#right_out ul.menu li li#current a,
#right_out ul.menu li li#current li a,
#right_out ul.menu li li li a {
        background-repeat: no-repeat;
        height: 20px;
        line-height: 20px;
        background-position: left;
        text-indent: 30px;
!important;
        border: none;
        display: block;
}
#left_out a.sublevel#active_menu,
#right_out a.sublevel#active_menu,
#left_out a.sublevel:hover,
#right_out a.sublevel:hover,
#left_out ul.menu li#current li a,
#left_out ul.menu li li#current a,
#left_out ul.menu li li#current li a,
#right_out ul.menu li#current li a,
#right_out ul.menu li li#current a,
#right_out ul.menu li li#current li a,
#left_out ul.menu li#current a:hover,
#right_out ul.menu li#current a:hover,
#left_out ul.menu li li a:hover,
#right_out ul.menu li li a:hover{
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: left;
        color: #000000; !important;
}
#left_out .module,
#right_out .module,
#left_out .moduletable,
#right_out .moduletable,
#left_out .module_menu,
#right_out .module_menu,
#left_out .module_text,
#right_out .module_text {
        background-repeat: repeat-y;
        margin-top: 5px;
        width: 300px;
}
#left_out .module div,
#right_out .module div,
#left_out .moduletable div,
#right_out .moduletable div,
#left_out .module_menu div,
#right_out .module_menu div,
#left_out .module_text div,
#right_out .module_text div {
        background-position: left bottom;
        background-repeat: no-repeat;
     
}
#left_out .module div div,
#right_out .module div div,
#left_out .moduletable div div,
#right_out .moduletable div div,
#left_out .module_menu div div,
#right_out .module_menu div div,
#left_out .module_text div div,
#right_out .module_text div div {
width: 300px;
        background-position: left top;
        background-repeat: no-repeat;
}
#left_out .module div div div,
#right_out .module div div div,
#left_out .moduletable div div div,
#right_out .moduletable div div div,
#left_out .module_menu div div div,
#right_out .module_menu div div div,
#left_out .module_text div div div,
#right_out .module_text div div div{
        background: none;
        padding: 5px 5px 10px 5px;
        overflow: hidden;
        width: 290px;
}
#left_out .module div div div div,
#right_out .module div div div div,
#left_out .moduletable div div div div,
#right_out .moduletable div div div div,
#left_out .module_menu div div div div,
#right_out .module_menu div div div div,
#left_out .module_text div div div div,
#right_out .module_text div div div div {
        padding: 0;
        margin: 0;
}
#left_out h3,
#right_out h3 {
        height: 35px;
        width: 300px;
        background-repeat: no-repeat;
        color: #FFFFFF;
        line-height: 35px;
        text-indent: 20px;
        padding: 0;
        margin: 0 0 5px 0;
        font-size: 14px;
        font-weight: bold;
}
#content_outleft,
#content_outmiddle,
#content_outright {
        margin: 0 0 10px 0;
        padding: 5px 0 0 0;
}
#content_outleft {
        margin: 0 0 0 300px;
}
#content_outmiddle {
        margin: 0 300px;
}
#content_outright {
        margin: 0 300px 0 0;
}
#content {
        background-repeat: repeat-x;
        background-position: bottom;
        width: 100%;
}
#content_border_left {
        background-repeat: repeat-y;
        background-position: top left;
}
#content_border_right {
        background-repeat: repeat-y;
        background-position: top right;
}
#content_bottom_right {
        background-repeat: no-repeat;
        background-position: bottom right;
}
#content_bottom_left {
        background-repeat: no-repeat;
        background-position: bottom left;
        padding: 5px 7px 7px 7px;
}
#component {
        width: 100%;
        overflow: hidden;
}
.user_bg,
.user_left,
.user_right {
        height: 148px;
}
.user_bg {
        margin: 0 0 10px 0;
        padding: 0;
        background-repeat: repeat-x;
        width: 300px;
}
.user_left {
        background-repeat: no-repeat;
        background-position: left top;
}
.user_right {
        background-repeat: no-repeat;
        background-position: right top;
}
.user_bg .topmodule_usertwo {
        width: 45%;
        height: 140px;
        margin: 0px;
        float: left;
        padding: 0px;
}
.user_bg .topmodule_userone {
        width: 100%;
        height: 140px;
        margin: 0px;
        float: left;
        padding: 0px;
}
.user_bg ul,
.user_bg li {
        margin: 0px;
        padding: 0px;
        list-style-type: square;
}
.user_bg th,
.user_bg h3 {
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        color: #FFFFFF;
        padding: 0px 5px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0 0 5px 0;
        font-weight: normal;
}
.user_bg .user_inside {
        margin: 5px;
        height: 136px;
        overflow: hidden;
}
.user_bg .user_inside1 {
        margin: 5px 5px 5px 15px;
        height: 136px;
        overflow: hidden;
}
.separator {
        width: 2%;
        min-width: 22px;
        height: 140px;
        float: left;
        background-repeat: no-repeat;
        background-position: top center;
}
#user_bottom {
        padding: 5px 0;
        background-color: #FFFFFF;
        margin: 0 10px;
}
#user_bottom .user_bg {
        margin: 0;
}
.user_bg .bottom_user, .user_bg .bottom_user1, .user_bg .bottom_user2, .user_bg .bottom_user3 {
        width: 30%;
        height: 140px;
        margin: 0px;
        float: left;
        padding: 0px;
}
.user_bg .bottom_user1 {
        width: 100%;
}
.user_bg .bottom_user2 {
        width: 45%;
}
.user_bg .bottom_user3 {
        width: 30%;
}
.user_bg .bottom_user1 {
        width: 30%;
        height: 140px;
        margin: 0px;
        float: left;
        padding: 0 0 0 15px;
}
#bottom {
        text-align: center;
        height: 30px;
        overflow: hidden;
        margin: 0;
        padding: 0;
}
#bottom_bg {
        height: 30px;
        background-repeat: repeat-x;
        background-position: bottom;
}
#bottom_right {
        height: 30px;
        background-repeat: no-repeat;
        background-position: bottom right;
}
#bottom_left {
        height: 30px;
        background-repeat: no-repeat;
        background-position: bottom left;
        padding: 0px 30px;
}
#copy {
        text-align: center;
        font-size: 11px;
        height: 30px;
}
#othermenu {
        height: 30px;
        float: right;
        overflow: hidden;
        font-size: 11px;
        font-weight: bold;
}
#othermenu_in ul,
#othermenu_in li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: inline;
}
#othermenu_in {
        margin-right: -8px;
        float: right;
}
#othermenu_in a {
        color: #666666;
        border-right: 1px solid #8B8B8B;
        padding: 0px 10px;
        height: 20px;
}
.clr {
        clear:both;
        height: 0px;
}
ul {
        margin: 0px;
        padding: 0px 0px 0px 18px;
        list-style-type: square;
}
a:link, a:visited {
        text-decoration: none;
}
a:hover {
        text-decoration: underline;
}
.button {
        color: #FFFFFF;
        padding: 3px 5px;
        background-image: url(../images/button.jpg);
        background-repeat: repeat-x;
        background-color: #42A80F;
        margin: 5px 0px;
        border: 1px solid #ACE092;
        font-family: Tahoma, Arial, Verdana;
        font-size: 12px;
        font-weight: bold;
}
.inputbox, input {
        border: 1px solid #CCC;
}
.input, img {
        border: none;
}
.search {}
a.readon {
        background-image: url(../images/readon.gif);
        background-repeat: no-repeat;
        height: 20px;
        width: 102px;
        color: #FFF !important;
        float: left;
        text-indent: 25px;
        line-height: 20px;
        margin: 10px 0 0 0;
}
.back_button {
        background-image: url(../images/backbutton.gif);
        height: 20px;
        line-height: 20px;
        width: 102px;
        text-indent: 25px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 10px;
        margin-top: 5px;
}
.back_button a:link {
        color: #FFFFFF;
}
#component h1 {
        font-size: 19px !important;
}
#component h2 {
        font-size: 17px !important;
}
#component h3 {
        font-size: 15px !important;
}
#component h4 {
        font-size: 13px !important;
}
#component h5 {
        font-size: 11px !important;
}
.componentheading {
        background-image: url(../images/componentheading.jpg);
        height: 31px;
        line-height: 31px;
        padding: 0px 10px;
        color: #ffffff;
        font-weight: bold;
        font-size: 14px;
        margin: 0 0 10px 0;
}
.contentheading, .contentheading a {
        font-size: 22px;
        font-family: verdana, sans-serif;
        color: #000000 !important;
}
.contentdescription {
        padding: 10px;
}
.sectiontableheader {
        padding: 3px 5px;
        background-color: #666;
        color: #FFFFFF;
        font-size: 15px;
        color: #FFFFFF;
}
.sectiontableentry1,
.sectiontableentry2 {
        background-repeat: repeat-x;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        text-indent: 5px;
        background-position: bottom;
        background-color: #FFFFFF;
}
.createdate,
.small {
        font-size: 10px;
        color: #999999;
}

Meteodelfzijl
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 31

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 13:27

#6

Er zit wel meer fout in je template. Zou hem eens goed controleren met Firebug. Lijkt er overigens op alsof die image via de index.php van je template geladen wordt of via een template-instelling.
Denk dat deze wel werkt:

Code:

#background {
  background-image: url("/templates/sunshine/images/sunshine.jpg") !important;
  background-repeat: no-repeat;
}

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37439

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 13:47

#7

Hoi Astrid, helaas niet. Op de homepagina komt de jpg wel, maar daarna is het gewoon weg. In Google Chrome werkt het wel goed in de andere, IE en Firefox, geeft dit op de eerste pagina geen problemen, op de overige wel. Strange.

Meteodelfzijl
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 31

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 13:51

#8

Browsercache? Ik zie hem nu wel in Firefox.

Groetjes, Astrid

Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725

Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Astrid
Moderator + Technisch team
Berichten: 37439

Probleem template sunshine Joomla 2.5.20 in Browsers

16 mei 2014 13:57

#9

Hoi Astrid, Je hebt gelijk. Zucht, waar je niet al aan moet denken. Thanks. Ticket kan worden gesloten (doe ik zelf wel hoor

)

Meteodelfzijl
Heeft onderwerp gestart
Joomla!NL ontdekker
Berichten: 31

Laatste nieuws

Welkom bij Joomla!NL

opgelost Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Probleem template sunshine Joomla 2.5.20 in Browsers

Laatste forumberichten

Wil je Joomla!NL steunen?