Back to top

Autore Topic: problema visualizzazione sfondi div  (Letto 1741 volte)

Offline ale85

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
problema visualizzazione sfondi div
« il: 11 Feb 2009, 00:05:10 »
Ciao a tutti!

sto facendo un template per joomla.. tutto ok con il file xml e l'elenco dei filename e il resto.. mi installa il template, visualizza le immagini contenute nel file php ma non visualizza gli sfondi dei div che ho inserito tramite css come background-image.. chiaramente però i divi sono tutti dimensionati e distanziati correttamente..

che ho sbagliato?  ???

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #1 il: 11 Feb 2009, 00:31:06 »
è online il sito?se si posta il link pls
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline bodyworld

  • Appassionato
  • ***
  • Post: 399
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #2 il: 11 Feb 2009, 01:40:50 »
Ciao a tutti!

sto facendo un template per joomla.. tutto ok con il file xml e l'elenco dei filename e il resto.. mi installa il template, visualizza le immagini contenute nel file php ma non visualizza gli sfondi dei div che ho inserito tramite css come background-image.. chiaramente però i divi sono tutti dimensionati e distanziati correttamente..

che ho sbagliato?  ???

divisi con fireworks?

Offline ale85

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #3 il: 11 Feb 2009, 11:57:23 »
nono.. non è online. L'ho creato a mano con smultron. Le immagini le ho divise con photoshop.

La cosa strana è che non me ne visualizza manco una degli sfondi div
« Ultima modifica: 11 Feb 2009, 12:14:50 da ale85 »

Offline ale85

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #4 il: 11 Feb 2009, 12:21:09 »
già che ci sono vi posto tutto:

index.php:
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );

$tplurl = $this->baseurl . "/templates/kiteloose/";

?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" /> 

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

<link href="<?php echo $tplurl ?>css/style.css" type="text/css" media="screen" rel="stylesheet" />
</head>
<body>

<div id="bar">
   <div class="left-bar">
    </div>
     <div class="right-bar">
     <jdoc:include type="modules" name="user4" />
   </div>
</div>
<div id="wrap">
   <div id="header">
      <div class="middle-header">
         <div class="title">
         </div>
         <div class="style-switcher">
         </div>
      </div>
   </div>
   <div id="content">
      <div id="left">
         <div class="events">
         <img src="<?php echo $tplurl ?>immagini/events.png" width="250" height="16" border="0" />
         </div>
         <div class="blog">
         <img src="<?php echo $tplurl ?>immagini/blog.png" width="250" height="16" border="0" />
         </div>
      </div>
      <div id="center">
         <div class="reviews">
         <img src="<?php echo $tplurl ?>immagini/reviews.png" width="380" height="16" border="0" />
         </div>
         <div class="team">
         </div>
      </div>
      <div id="right">
         <div class="latest-news">
         <img src="<?php echo $tplurl ?>immagini/latest-news.png" width="220" height="16" border="0" />
         </div>
         <div class="newsletter">
         Write your e-mail:
         </div>
   </div>
</div>
   <div id="footer">
   </div>
</body>
</html>

--------------------------------------------------
- templatedetails.xml:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
   <name>xxx</name>
   <creationDate>10/02/09</creationDate>
   <author>Alessandro giordano</author>
   <authorEmail>xxx</authorEmail>
   <authorUrl>http://www.intotheoz.com</authorUrl>
   <copyright></copyright>
   <license>GNU/GPL</license>
   <version>1.0</version>
   <description>template realizzato per un sito di prova</description>
   <files>
      <filename>index.php</filename>
      <filename>templateDetails.xml</filename>
      <filename>template_thumbnail.png</filename>
      <filename>immagini/bar.png</filename>
      <filename>immagini/blog.png</filename>
      <filename>immagini/content.png</filename>
      <filename>immagini/events.png</filename>
      <filename>immagini/header.png</filename>
      <filename>immagini/latest-news.png</filename>
      <filename>immagini/mirror.png</filename>
      <filename>immagini/news.png</filename>
      <filename>immagini/newsletter.png</filename>
      <filename>immagini/reviews.png</filename>
      <filename>css/style.css</filename>
      </files>
   <positions>
      <position>breadcrumb</position>
      <position>left</position>
      <position>right</position>
      <position>top</position>
      <position>user1</position>
      <position>user2</position>
      <position>user3</position>
      <position>user4</position>
      <position>footer</position>
      <position>debug</position>
      <position>syndicate</position>
   </positions>
</install>
---------------------------------------
style.css:

@charset "UTF-8";
/* CSS Document */

body {
   background-color: #f3f3f3;
   text-align: center;
   margin: 0px;
}
#bar{
   height: 19px;
   background-image: url(../images/bar.png);
   background-repeat: repeat-x;
   margin-bottom: 20px;   
}
.left-bar{
   float: left;   
}
.right-bar {
   float: right;   
}
#wrap {
   margin: auto;
   width: 900px;
}
#header {
   height: 386px;
   width: 900px;
   background-image:url(../images/header.png);
}
#content {
   height: 440px;
   width: 900px;
   background-image:url(../images/content.png);
}
/*left*/
#left {
   width: 250px;
   float: left;
   padding-left: 10px;
   padding-top: 10px;
}
.events {
   width: 255px;
   height: 150px;
}
.blog {
   width: 255px;
   height: 269px;   
}
/*center*/
#center {
   width: 378px;
   height: 440px;
   float: left;
   margin-left: 12px;
   padding-top: 10px;      
}
/*right*/
#right {
   float: left;
   width: 240px;
   height: 440px;
   margin-left: 10px;   
}
.latest-news {
   width: 240px;
   height: 288px;
   background-image:url(../images/news.png);   
   margin-bottom: 8px;
   padding-top: 10px;
}
.newsletter {
   width: 220px;
   height: 68px;
   background-image:url(../images/newsletter.png);
   padding-top: 65px;
   padding-right: 20px;
   text-align: right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #616161;
}
/*footer*/
#footer {
   witdh: 900px;
   height: 36px;
   background-image:url(../images/mirror.png);   
   text-align: center;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding-top: 10px;
   color: #616161;
}

grazie per la pazienza ;)

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #5 il: 11 Feb 2009, 13:05:13 »
hai controllato che il path delle immagini sia corretto? per fare una prova, metti un'immagine .jpg e caricala attraverso css, o direttamente nell'idex.php. Se si visualizza, forse c'è qualche errore con le png.

p.s. quando inserisci del codice c'è un tastino con questo simbolo "#". Usalo :D
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

Offline ale85

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #6 il: 12 Feb 2009, 10:58:40 »
#? a che serve?  ::)

sisi a posto.. mi sa che era sbagliato il path..  ;D
« Ultima modifica: 12 Feb 2009, 11:00:59 da ale85 »

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: problema visualizzazione sfondi div
« Risposta #7 il: 12 Feb 2009, 14:43:37 »
il "#" ti crea una box di dimensione fissa, nella quale inserisci tutto il codice...è per non far scrollare di 15 pagine ogni vota che qualcuno inserisce un codice :D. prova e vedrai. Ciau
Sogna come se dovessi vivere per sempre, vivi come se dovessi morire domani.

Woot, ma cosa sta lì, sulla destra, si si prorpio li, nella colonna di destra del sito....mhh sembra un campo di ricerca...che dici lo usiamo? ma no, meglio postare :D

 



Web Design Bolzano Kreatif