Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : santograz 08 May 2010, 19:01:10

: div con top menu che non si chiude
: santograz 08 May 2010, 19:01:10
Ciao a tutti

sto scrivendo un template da zero, tanto per avere qualcosa di semplice a disposizione.

Mi è successa una cosa strana e vorrei sapere se a qualcuno è capitato.

Dunque: la prima div del template è:
:
<div class="top">
<jdoc:include type="modules" name="top" /> &nbsp;
</div>

con il conseguente css:
:
.top {
margin-top: 20px;
margin-bottom: 20px;
clear: both;
}

Il menu è settato su "Lista"

Ora, quello che succede è che, anche se il source code è a posto, la div, su Firefox, non si vede ed il contenuto "entra" nella classe successiva (qualsiasi).
neanche con la developer toolbar si vede la div: tutto risulta dentro la successiva.

Ho risolto mettendo un &nbsp; dopo il modulo menu...
: Re:div con top menu che non si chiude
: 56francesco 08 May 2010, 19:58:13
imho: sarebbe così:
:
<div id="top"><jdoc:include type="modules" name="top"style="xhtml" /></div>
: Re:div con top menu che non si chiude
: santograz 08 May 2010, 20:40:46
Grazie, ma nulla da fare, anche usando un ID e aggiungendo quel "style="xhtml", se tolgo &nbsp; mi va in palla...

E' incredibile, il source code mi dice che due div successive sono ben posizionate e chiuse, developer toolbar mi dice che il contenuto di entrambe è tutto nella seconda...
: Re:div con top menu che non si chiude
: conti1 08 May 2010, 22:39:44
ciao
posta tutto lo zip del tuo template che vediamo che succede.
: Re:div con top menu che non si chiude
: santograz 08 May 2010, 22:44:15
:
<?php defined'_JEXEC' ) or die( 'Restricted access' );?>
<!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/project01/css/template.css" type="text/css" />
 
</head>
 
<body>
<center>
<!-- Here starts the page -->
<div class="page_wrapper">
<!-- We only put the top menu in the next division -->
<div class="top">
<jdoc:include type="modules" name="top" />&nbsp;
    </div>
    <!-- Here we put a banner with logo -->
    <div class="top_banner">
    <img src="templates/<?php echo $this->template ?>/images/banner_950x60.png" />
    </div>
   
    <!-- Here start the body of the page -->
    <div class="pagebody_wrapper">
    <!-- First we chech how many columns are present -->
    <?php if($this->countModules('left')) :?>
        <?php if($this->countModules('right')) :?>
            <!-- Both left and right column present -->
                <div class="leftcolumn">
                <jdoc:include type="modules" name="left" />
                </div>
                <div class="inner_wrapper">
                <div class="rightcolumn">
        <jdoc:include type="modules" name="right" />
        </div>
            <div class="content_tight">
<jdoc:include type="component" />
        </div>
                </div>
            <?php else :?>
            <!-- Only left column is present -->
                <div class="leftcolumn">
                <jdoc:include type="modules" name="left" />
                </div>
        <div class="content_medium">
<jdoc:include type="component" />
        </div>
            <?php endif; ?>
        <?php else :?>
        <?php if($this->countModules('right')) :?>
            <!-- Only right column is present -->
            <div class="rightcolumn">
        <jdoc:include type="modules" name="right" />
        </div>
            <div class="content_medium">
<jdoc:include type="component" />
        </div>
            <?php else :?>
            <!-- No column -->
        <div class="content_wide">
<jdoc:include type="component" />
        </div>
            <?php endif; ?>
        <?php endif; ?>       
    </div>
<jdoc:include type="modules" name="bottom" />
</div>
<!-- End of the page -->
</center>
</body>

</html>
: Re:div con top menu che non si chiude
: conti1 09 May 2010, 00:58:51
e normale che se togli questo &nbsp;  la tua classe non sa dove fermarsi nel css da quello che hai postato non vedo neppure una posizione  relative
ho magari dagli una height magari in questo modo la tua classe riesce a capire cosa deve  fare.
con quel comando &nbsp; gli stai solo dicendo  mi serve spazio  ecco perche   se lo togli la tua posizione fa la monella
.

ma poi xche dai le classi?
parti con gli id  e poi se ti serve dai la classe , id la usi x la posizione la classe la puoi usare x tutt'altra cosa .

non usare quel tag  x dare spazio anzi prima proverei con il solo css se proprio non ci riesci  che e molto strano
aggiungi tra una posizione e l'altra questo
<br style="clear:left;"/>
con questo  ti fa da separatore tra le posizioni.
comunque io se fossi in te cambierei le classi in id  le classi usale se ti servono .
 
altra cosa leggiti una guida base  di come e fatto un template  joomla c'è ne sono  una marea  che spiegano come creare la base di un template sensa impazzire .


metti il tutto su un server gratuito che vediamo il tutto come si comporta visto che to chiesto lo zip completo non l'hai postato hai paura che ti copiavo il template?
poi vedi tu .