Back to top

Autore Topic: div con top menu che non si chiude  (Letto 3180 volte)

Offline santograz

  • Abituale
  • ****
  • Post: 907
  • Sesso: Maschio
    • Mostra profilo
div con top menu che non si chiude
« il: 08 Mag 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 è:
Codice: [Seleziona]
<div class="top">
<jdoc:include type="modules" name="top" /> &nbsp;
</div>

con il conseguente css:
Codice: [Seleziona]
.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...
Un esperto mi ha detto:"Per avere un sito web sicuro, installalo su di un server locale, poi spegnilo e stacca i cavi". Mi hanno rubato il computer.

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:div con top menu che non si chiude
« Risposta #1 il: 08 Mag 2010, 19:58:13 »
imho: sarebbe così:
Codice: [Seleziona]
<div id="top"><jdoc:include type="modules" name="top"style="xhtml" /></div>
« Ultima modifica: 08 Mag 2010, 20:01:50 da 56francesco »
(uso XP perchè win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi è necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline santograz

  • Abituale
  • ****
  • Post: 907
  • Sesso: Maschio
    • Mostra profilo
Re:div con top menu che non si chiude
« Risposta #2 il: 08 Mag 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...
Un esperto mi ha detto:"Per avere un sito web sicuro, installalo su di un server locale, poi spegnilo e stacca i cavi". Mi hanno rubato il computer.

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:div con top menu che non si chiude
« Risposta #3 il: 08 Mag 2010, 22:39:44 »
ciao
posta tutto lo zip del tuo template che vediamo che succede.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline santograz

  • Abituale
  • ****
  • Post: 907
  • Sesso: Maschio
    • Mostra profilo
Re:div con top menu che non si chiude
« Risposta #4 il: 08 Mag 2010, 22:44:15 »
Codice: [Seleziona]
<?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>
Un esperto mi ha detto:"Per avere un sito web sicuro, installalo su di un server locale, poi spegnilo e stacca i cavi". Mi hanno rubato il computer.

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:div con top menu che non si chiude
« Risposta #5 il: 09 Mag 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 .
« Ultima modifica: 09 Mag 2010, 01:01:20 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif