Back to top

Autore Topic: Affiancare due moduli centrali  (Letto 4494 volte)

Offline cruzeiro

  • Esploratore
  • **
  • Post: 144
    • Mostra profilo
Affiancare due moduli centrali
« il: 02 Mar 2009, 15:09:47 »
Come faccio ad affiancare i due moduli al centro della pagina, invece di averli uno sopra l'altro?
Quelli cui mi riferisco sono: i + letti e ultime notizie: è user5 nel codice

vi posto anche i codici:
Codice: [Seleziona]
  <div id="content<?php echo $contentwidth?>">
    <div class="inside">
      <div id="pathway">
        <jdoc:include type="modules" name="breadcrumb" />
        <jdoc:include type="message" />
<jdoc:include type="modules" name="user5" style="xhtml" />
      </div>
 
      <jdoc:include type="component" style="xhtml" />
     
 
  <?php if($this->countModules('banner')) : ?>
      <jdoc:include type="modules" name="banner" style="xhtml" />
      <?php endif; ?>
    </div>
 


Codice: [Seleziona]
/* Template By Murat Esgin - http://www.lavinya.net */
/* Last modified 07 Oct. 2007 */
html {
  height: 100%;
 margin-bottom: 1px;
}
body {
color : #666666;
background-color : #f4f4f4;
font-family : Tahoma, Helvetica, Arial, sans-serif;
margin : 1em 0;
font-size: 0.7em;
line-height : 1.3;
}
#wrap {
min-width : 760px;
max-width : 960px;
background-color : #f4f4f4;
width : auto !important;
width : 1024px;
margin : 0 auto;
text-align : left;
}
#sidebar {
float : left;
width : 20%;
overflow : hidden;
}
#content60 {
float : left;
width : 60%;
overflow : hidden;
}
#content80 {
float : left;
width : 80%;
overflow : hidden;
}
#content100 {
float : left;
width : 100%;
overflow : hidden;
}
#sidebar-2 {
float : left;
width : 20%;
overflow : hidden;
}
#footer {
clear : both;
height: 60px;
}
.inside {
padding : 10px;
}
* {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin : 0.5em 0;
}
.h2c {
font : italic bold 1.3em Georgia, verdana, serif;
color : #cc0000;
}
.h1c {
font-size : 1.6em;
padding-top: 0px;
margin: -93px 0px 0px -15px;
}
.ustbol {
padding-top : 95px;
}
li, dd {
margin-left : 1em;
}
#wrap {
border : 1px dotted #999999;
}
#header {
position : relative;
}
.logomuz {
padding-left : 15px;
}
#logomuz a, #logomuz a:visited, #logomuz a:hover {
color : #ffffff;
font-weight : bold;
}
#footer {
border-top : 1px dotted #999;
color : #ff0000;
background-color : #e9e9e9;
height : 50px;
text-align : center;
}
.ortason {
text-align : center;
}
.contentdescription {
font-size:12px;
}
table {
font-size:12px;
}
.category {
font-size:12px;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
h1 {
font-size : 1.6em;
 width: 285px;
 height: 110px;
}
.componentheading, table.moduletable th {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}
h2, .contentheading {
font-size : 1.5em;
}
h3 {
font-size : 1.3em;
}
h4 {
font-size : 1.2em;
}
h5 {
font-size : 1.1em;
}
h6 {
font-size : 1em;
font-weight : bold;
}
#footer, .small, .createdate, .modifydate, .mosimage_caption {
font : 0.9em Arial, Helvetica, sans-serif;
color : #999;
}
.moduletable {
margin-bottom : 1em;
padding : 0 10px;
}
.moduletable h3 {
background-color : #eeeeee;
color : #cc0000;
border : 1px solid #ffffff;
padding : 0.25em 0;
text-align : center;
font-size : 1.1em;
margin : 0 -10px 0.5em -10px;
}
.moduletable_menu {
padding : 0;
color : #333;
margin-bottom : 1em;
}
.moduletable_menu h3 {
background-color : #eeeeee;
color : #cc0000;
padding : 0.25em 0;
text-align : center;
font-size : 1.1em;
margin : 0;
border : 1px solid #ffffff;
}
.moduletable_menu ul {
list-style : none;
margin : 0;
padding : 0;
}
.moduletable_menu li {
border-bottom : 1px dotted #c0c0c0;
margin : 0;
}
.moduletable_menu li a {
background: url(../images/arrow.png) no-repeat 1px;
display : block;
padding : 3px 5px 3px 1.0em;
color : #000000;
text-decoration : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1em;
}
html > body .moduletable_menu li a {
width : auto;
}
.moduletable_menu li a#active_menu:link, a#active_menu:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
vertical-align : middle;
font-size : 1em;
color : #000000;
text-align : left;
padding-top : 5px;
padding-left : 10px;
height : 16px !important;
height : 23px;
text-decoration : none;
}
.moduletable_menu li a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-position : left 0%;
background-image : url(../images/menud.png);
height : 16px !important;
display : block;
height : 23px;
color : #a52a2a;
font-size : 1em;
padding-left : 20px;
}






.bg_top {
width : 100%;
height : 21px;
font-size : 0.9em;
text-align : center;
font-weight : bold;
background : #ffffff url(../images/topnav_bg_grey.gif);
}


a.readon, a.readon:hover, a.readon:link, a.readon:visited {
color : #666666;
margin-top : 10px;
display : block;
float : left;
line-height : 14px;
background : url(../images/daha.gif) no-repeat left center;
height : 16px;
text-indent : 16px;
}
a:link, a:visited {
font-family : Verdana, arial, georgia;
color : #666666;
text-decoration : none;
}
a:hover {
text-decoration : none;
}
div.search input {
border : 1px solid #ccc;
font-size : 1em;
height : 15px;
width : 150px;
}
#search {
float : right;
text-align : right;
}
.button {
margin-top : 3px;
margin-bottom : 3px;
padding-left : 5px;
padding-right : 5px;
border : 1px solid #adaa9c;
background-color : #ffffff;
color : #000000;
font-family : Arial, Helvetica, Sans-Serif;
text-align : center;
font-size : 0.9em;
}
table.contentpaneopen td {
line-height : 18px;
font-size : 12px;
}
table.contentpane {
margin: 0;
padding: 0;
width: auto;
font-size: 12px;
}
table.contentpaneopen td.contentheading {
background : #fff4ea;
height : 20px;
text-align : center;
border : 1px solid #ffffff;
color : #ffb56a;
text-align : left;
font-family : Verdana, Arial, serif, Tahoma;
font-size : 12px;
font-weight : bold;
}
.pollstableborder td {
text-align: left;
}
.poll {
text-align: left;
}
/* Banners module */

/* Default skyscraper style */
.bannergroup {
  text-align: center;
}

.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 0.9em;
}

.bannerfooter_text {
padding: 4px;
font-size: 0.9em;
background-color: #F7F7F7;
text-align: right;
}

div#footer_r {
padding-top: 10px;
height: 47px;
overflow: hidden;
}

div#footer_r div {
text-align: center;
font-size: .90em;
color: #aaa;
}

div#footer_r a:link, div#footer_r a:visited  {
color: #999;
}
/* WebLinks */
span.description {
display:block;
padding-left: 30px;
font-size: 11px;
}
/* Polls */
.pollstableborder td {
text-align: left;
}
/* Frontend Editing*/
fieldset {
border: none;
}
legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}
.inputbox  {
color: #666;
font-size: 0.9em;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 1.0em;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 1.0em;
margin: 0;
}
/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
  font-size: 11px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
  font-size: 11px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  font-size: 11px;
}
/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}
/* article index */

.pagenavcounter
{font-weight:bold}
td.buttonheading {

}

td.buttonheading img {
border:none;
}
/* edit button */
.contentpaneopen_edit{
float: left;
}
.contentpaneopen_edit img{
border: none;
}
.hasTip img{
border: none;
}
img { border: 0 none; }
/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }
#syndicate{
float:left;
padding-left: 25px;
}

#power_by{
float:right;
padding-right: 25px;
}

[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]
« Ultima modifica: 02 Mar 2009, 15:26:58 da cruzeiro »

Offline .: BlackHat :.

  • Team Joomla.it
  • Abituale
  • *******
  • Post: 1186
  • Sesso: Maschio
  • Io me e me stesso
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #1 il: 02 Mar 2009, 15:35:37 »
ciao cruzeiro. dovresti trovare i div, dei rispettivi moduli, diminuire le dimensioni di entrambi, e dare un float:left ad entrambi. se hai il sito online posta il link. Ovviamente provaci e nel caso nn ci riuscissi, beh, fai come ho detto su. ciao
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 conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #2 il: 03 Mar 2009, 01:22:17 »
ciao
vediamo di affiancare  user5 user6 che ci sono in quel template.
prima di tutto devi togliere il code originale  che è questo ,
Codice: [Seleziona]
<div class="inside1">     
<jdoc:include type="modules" name="user5" style="xhtml" />
<jdoc:include type="modules" name="user6" style="xhtml" />
</div>
al suo posto ci metti questo
Codice: [Seleziona]

<div id="topmodules" class="spacer<?php echo $topmod_width?>">
<?php if ($this->countModules('user6')) : ?>
  <div class="block6">
                        <jdoc:include type="modules" name="user6" style="xhtml" />
</div>
<?php endif; ?>
<?php if ($this->countModules('user5')) : ?>
<div class="block5">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
                            </div>
 

poi vai nel css e aggiungi questo
Codice: [Seleziona]
#topmodules {
overflow:hidden;
}

.spacer .block5 {
float:right;
width:50%;
}

.spacer .block6 {
float:left;
width:50%;
}
e questo e tutto 
il risultato
« Ultima modifica: 03 Mar 2009, 01:26:31 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline cruzeiro

  • Esploratore
  • **
  • Post: 144
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #3 il: 03 Mar 2009, 19:12:29 »
cont1, 6 semplicemente un grande

Offline cruzeiro

  • Esploratore
  • **
  • Post: 144
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #4 il: 05 Mar 2009, 18:27:08 »
scusami conti, ho notato che con ie7 mi compare l'icona di errore. perchè?
Inoltre la funzione ricerca non mi funziona, come mai?

Ho messo il sito online:
http://www.matteoarecchio.altervista.org/

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #5 il: 05 Mar 2009, 20:17:38 »
ciao sicuro di non aver toccato qualcosa senza accorgersi?
xchè a me funziona tutto  guarda

http://www.plutozio.altervista.org/
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline cruzeiro

  • Esploratore
  • **
  • Post: 144
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #6 il: 06 Mar 2009, 00:41:03 »
sbadatamente avevo cancellato la chiusura di un div... :P :P :P
grazie tante

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re: Affiancare due moduli centrali
« Risposta #7 il: 06 Mar 2009, 01:50:12 »
sbadatamente avevo cancellato la chiusura di un div... :P :P :P
grazie tante

mmmmmm
che centra una chiusura di un div .
il cerca non ti funziona  e in ie hai ancora il problema di prima.
cancella il cerca e ricrealo  a volte si impalla
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif