Back to top

rss feed
« precedente successivo »
Pagine: [1]   Vai giù

Autore Topic: [Risolto] Problema impaginazione template e menu  (Letto 2367 volte)

Offline cliosuper

  • Esploratore
  • **
  • Post: 154
  • Sesso: Maschio
    • Mostra profilo
[Risolto] Problema impaginazione template e menu
« il: 25 Ago 2010, 21:36:01 »
Ragazzi ho un problema nella costruzione di un template.
Vorrei costruire un template diviso in 3 zone, una parte alta per il logo con sfondo nero, una parte centrale con sfondo bianco dove saranno presenti i contenuti del sito e una parte in basso con sfondo nero dove sarà inserito il footer.

Il mio sito è questo:
http://www.lover-design.com/

Io vorrei arrivare ad un risultato come questo (anche se ho visto mi pare sia fatto in flash):
http://www.jackmalipan.net/

Come vedete io riscontro quei problemi...vi inserisco il codice dell index.php e il relativo css

Index.php:

Codice: [Seleziona]
<body>

<div id="wrapper" >

<div id="oversection" >

<div id="logo" >
</div>
</div>


<div id="mainsection" >
</div>


<div id="undersection" >
  <div id="menu" >
  <jdoc:include type="modules" name="top" style="xhtml" />
  </div>
 </div>

</div>


</body>
Css:
Codice: [Seleziona]
body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
background-color:#000;

}

#wrapper {

margin:0 auto;
height:470px;

}


#oversection {

height:60px;
background-color:#000;
}



#logo {
background-image:url(../images/logo.png);
background-position:left;
height:56px;
background-repeat:no-repeat;
margin-left:20px;
}

#mainsection {
height:450px;
background-color:#FFF;
}

#undersection {
height:60px;
background-color:#000;
}


#menu {
width:100%;
height:80px;
color:#fff;
font-size:14px;
margin-left:20px;
margin-top:20px;


}

#menu a:link, #topmenu a:visited {
color:#fff;
font-size:16px;
font-family:"Courier New", Courier, monospace;
padding:20px;
text-decoration:none;
text-align:center;


}

#menu a:hover {
color:#CCC;
text-decoration:underline;
}
Mi potete aiutare please!?  :D
« Ultima modifica: 26 Ago 2010, 00:59:32 da cliosuper »
Connesso

adottauncane

  • Visitatore
Re:Problema impaginazione template
« Risposta #1 il: 25 Ago 2010, 21:48:19 »
Cioa cliosuper,
che problemi? (usa il code per inserire il codice... Grazie) :)
Connesso

Offline cliosuper

  • Esploratore
  • **
  • Post: 154
  • Sesso: Maschio
    • Mostra profilo
Re:Problema impaginazione template
« Risposta #2 il: 25 Ago 2010, 21:53:07 »
Hai ragione scusami!
I problemi sono quelli che ho citato sopra vorrei dividere il sito nello stesso modo con gli stessi colori di sfondo delle 3 sezioni come trovate nel sito che vi ho elencato di esempio:

http://www.jackmalipan.net/

Solo che come l ho strutturato io mi da questo risultato:

http://www.lover-design.com/

Dove sbaglio?
Connesso

adottauncane

  • Visitatore
Re:Problema impaginazione template
« Risposta #3 il: 25 Ago 2010, 22:00:58 »
Continuo a non capire... io vedo che il sito di esempio ha due fasce nere, sopra e sotto, e una bianca in centro. Come il tuo... poi hai messo un marchio in negativo nella fascia superiore mentre l'altro ce l'ha in positivo al centro... Spiega a parole cosa vorresti fare, perché visivamente sono uguali...
Connesso

Offline cliosuper

  • Esploratore
  • **
  • Post: 154
  • Sesso: Maschio
    • Mostra profilo
Re:Problema impaginazione template
« Risposta #4 il: 25 Ago 2010, 22:13:15 »
Non sono uguali ti spiego perchè...io non riesco a fare le due fasce piccole...se noti quella inferiore resta molto grande...e una parte di sfondo di quella inferiore è parte del body capito?

Poi nel suo si vede interamente, il mio invece se noti la parte bianca non sta aderente ai bordi dello schermo, anzi viene la fa barra inferiore per scorrere la pagina capito?
Connesso

Offline cliosuper

  • Esploratore
  • **
  • Post: 154
  • Sesso: Maschio
    • Mostra profilo
Re:Problema impaginazione template
« Risposta #5 il: 26 Ago 2010, 00:41:20 »
Ho deciso di cambiare un pò il sito e farlo diversamente...ho solo un piccolo problema...come mai mi ritrovo il menu cosi tutto attaccato e sottolineato?

Eppure nel css, ho inserito sia il padding che la proprietà text-decoration:none!

Codice: [Seleziona]
body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
background-color:#000;

}

#wrapper {

margin:0 auto;
height:470px;
width:90%;

}


#oversection {

height:60px;
background-color:#000;
width:90%;
}



#logo {
background-image:url(../images/logo.png);
background-position:left;
height:56px;
background-repeat:no-repeat;
margin-left:10px;
}

#mainsection {
height:480px;
background-color:#FFF;
width:90%;
}

#undersection {
height:60px;
background-color:#000;
width:90%;

}


#menu {
height:60px;
color:#fff;
font-size:16px;
margin-left:800px;
margin-top:10px;


}

#menu a:link, #topmenu a:visited {
color:#fff;
font-size:16px;
font-family:"Courier New", Courier, monospace;
padding:10px;
text-decoration:none;



}

#menu a:hover {
color:#CCC;
}

#home {
height:450px;
width:60%;
padding-top:10px;
margin-left:600px;
color:#000;
font-family:"Courier New", Courier, monospace;
}
Connesso

Offline cliosuper

  • Esploratore
  • **
  • Post: 154
  • Sesso: Maschio
    • Mostra profilo
Re:Problema impaginazione template e menu
« Risposta #6 il: 26 Ago 2010, 00:59:05 »
Ragazzi risolto! avevo sbagliato una piccola cosa nella scrittura!  :D
Connesso
Pagine: [1]   Vai su
« precedente successivo »
 



Web Design Bolzano Kreatif


Copyleft: Tutto il materiale pubblicato o comunque presente all'interno del sito www.joomla.it
può essere utilizzato, diffuso e modificato liberamente.
Hosting fornito gratuitamente da Joomlahost.it
Disegno web da kreatif multimedia srl