Visualizzazione risultati 1 fino 12 di 12

Discussione: Altezza uguale per le colonne

  1. 05-09-2009, 19.53.02 #1
    Guest

    Cool Altezza uguale per le colonne

    ho un problema.....le colonne non sono in tutte le pagine della stessa altezza, percio la sidebar rimane vuota....ma in alcune essendo piu corte si riempie tutta.....vorrei sapere come poter fare per riempirla tutta .....ecco guardate il problema....http://younaruto.altervista.org
  2. 05-09-2009, 20.40.04 #2
    Guest

    Predefinito

    Potesti impostare una lunghezza fissa
  3. 05-09-2009, 21.42.13 #3
    Guest

    Predefinito

    Ma sei edo98?

    Comunque tu utilizzi un tema wordpress, e mettendo il caso che la colonna di destra (dove c'č l'articolo) deve essere sempre pių lunga della colonna di destra:
    dando un'occhiata all'html del tuo tema, hai giā un div "cnt", ti basterebbe dare il background arancione al div "#cnt", poi dai un background bianco al "#content", e togli il background alla "#sidebar".

    Questo dovrebbe risolvere tutto.

    Comunque il tuo tema č un po' strano, perchč contiene due tag <body>.
    Anzi, se vai nel file sidebar.php dovresti trovare l'apertura del tag <body> che dovresti anche eliminare.
    E soprattutto, se non ho visto male, non c'č la chiusura nč per il primo body e nč per il secondo.
    In questo caso dovresti andare nel footer.php e alla fine chiudere con </body></html>
    Ultima modifica di musicanapoli : 05-09-2009 alle ore 21.48.14
  4. 06-09-2009, 12.44.07 #4
    Guest

    Cool mmmmm

    Citazione Originalmente inviato da musicanapoli Visualizza messaggio
    Ma sei edo98?

    Comunque tu utilizzi un tema wordpress, e mettendo il caso che la colonna di destra (dove c'č l'articolo) deve essere sempre pių lunga della colonna di destra:
    dando un'occhiata all'html del tuo tema, hai giā un div "cnt", ti basterebbe dare il background arancione al div "#cnt", poi dai un background bianco al "#content", e togli il background alla "#sidebar".

    Questo dovrebbe risolvere tutto.

    Comunque il tuo tema č un po' strano, perchč contiene due tag <body>.
    Anzi, se vai nel file sidebar.php dovresti trovare l'apertura del tag <body> che dovresti anche eliminare.
    E soprattutto, se non ho visto male, non c'č la chiusura nč per il primo body e nč per il secondo.
    In questo caso dovresti andare nel footer.php e alla fine chiudere con </body></html>

    scusa ti potrei chiedere come fai a dirmi anche il codice che ho scritto???????
    mpazoooooo
  5. 06-09-2009, 13.17.30 #5
    Guest

    Predefinito

    Citazione Originalmente inviato da younaruto Visualizza messaggio
    scusa ti potrei chiedere come fai a dirmi anche il codice che ho scritto???????
    mpazoooooo
    Basta vedere il codice del tuo blog dal browser.
  6. 06-09-2009, 13.28.19 #6
    Guest

    Exclamation

    ma il cnt e il contenent sarebbero "sidebar" e "main" madonna sto fondendo
  7. 06-09-2009, 15.00.45 #7
    Guest

    Predefinito

    Prova con questo se le colonne sono 2 (primaria e secondaria) metti nella secondaria:
    Codice PHP:
    #colsec { height: 100%; }
    Ciao.
  8. 06-09-2009, 16.23.48 #8
    Guest

    Predefinito

    Citazione Originalmente inviato da younaruto Visualizza messaggio
    ma il cnt e il contenent sarebbero "sidebar" e "main" madonna sto fondendo
    Per non farti fondere (:p) ho fatto un po' di modifiche:

    Ti andrebbe bene questo risultato?
    Se č si, ti passo il CSS che devi semplicemente incollare al posto di quello che hai giā...
  9. 06-09-2009, 18.23.33 #9
    Guest

    Predefinito

    ti ringraziooooooooo......sarei felicissimooooooooooooooooooo.......grazie........ .........accetto volentieri|||||
  10. 06-09-2009, 19.53.28 #10
    Guest

    Predefinito

    Citazione Originalmente inviato da younaruto Visualizza messaggio
    ti ringraziooooooooo......sarei felicissimooooooooooooooooooo.......grazie........ .........accetto volentieri|||||
    Ok.
    Allora, prima di tutto prendi il file style.css del tuo tema e lo copi da qualche parte, insomma fai un backup.

    Poi, sempre dal tuo pannello amministrativo di wordpress, apri lo style.css del tuo tema e cancelli tutto, tranne le prime righe del tipo:
    Codice:
    /* 

Theme Name: Nome del tema
Theme URI: url del tema
Description: descrizione
Author: nome autore
Author URI: sito internet

*/
    Questo pezzo lo lasci stare, mentre cancelli il resto, ed incolli il seguente codice:

    Codice:
    .alterbanner_728X90_on {
margin : auto;
padding : 10px 0 5px 0;
text-align : center;
}
.alterbanner_728X90_off {
display : none;
}
.alterbanner_0X1_off {
display : none;
}
* {
margin : 0;
padding : 0;
}
body {
background : #2c2c2c url(img/bodybg2.gif) no-repeat top center;
color : #000;
font-size : 11px;
font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
img {
border : 0;
}
.cnt {
width : 756px;
background:white;
margin : 10px auto 30px;
}
.header {
background: url('img/headerbg.gif') no-repeat;

width : 760px;
height : 143px;
float : left;

}
.head1 {
width : 485px;
padding : 40px 15px 0 0;
text-align : center;
float : left;
}
.header h1 a {
color : #fff;
text-decoration : none;
}
.header h1 a:hover {
text-decoration : underline;
}
.header h1 {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 36px;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 0;
}
.description {
color : #fff;
font-size : 12px;
}
.head2 {
width : 260px;
float : left;
}
.head2 p {
color : #fff;
padding : 0 15px;
font-size : 12px;
line-height : 16px;
}
.head2 h3 {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 5px;
padding : 15px 0 0 16px;
text-transform : lowercase;
}
.main {
width : 756px;
background:url('img/bloque1bg.jpg') ;
}
.content {
padding : 20px 6px 0 10px;
float : right;
width : 485px;
background:white;
}
.content a {
color : #f5d0a9;
}
.navigation {
font-size : 14px;
margin-bottom : 15px;
}
.post {
margin-bottom : 30px;
}
.posttitle {
margin-bottom : 15px;
}
.post h2 {
color : #294a59;
font-size : 26px;
font-weight : normal;
letter-spacing : -1px;
}
h2.pagetitle {
color : #555;
font-size : 22px;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 15px;
}
.post h2 a {
color : #294a59;
text-decoration : none;
}
.post h2 a:hover {
text-decoration : underline;
}
.post small {
color : #294a59;
display : block;
margin-bottom : 15px;
}
.post p {
font-size : 14px;
margin-bottom : 15px;
line-height : 21px;
}
.post blockquote {
background : url(img/blockquotebg2.gif) no-repeat;
color : #294a59;
padding : 15px 0 0 42px;
}
.post ul {
list-style-type : none;
font-size : 14px;
margin-bottom : 15px;
}
.post ul li {
background : url(img/bullet02.gif) no-repeat 0 5px;
margin-bottom : 5px;
padding-left : 17px;
}
p.postmetadata {
font-size : 11px;
margin : 3px 0;
}
.sidebar {
font-size : 12px;
float : left;
width : 250px;
margin-left : 0;
padding : 10px 3px 0 0;
line-height : 14px;
}
.bloque1, .bloque2 {
margin-bottom : 10px;
}
.bloque1 {

}
.bloque2 {

}
.bloque1 h3 {
color : #6c644d;
}
.bloque1 h3, .bloque2 h3 {
font-size : 19px;
font-family : Arial, Helvetica, sans-serif;
font-weight : normal;
letter-spacing : -1px;
margin-bottom : 10px;
padding : 20px 0 5px 16px;
text-transform : lowercase;
}
.bloque2 h3 {
color : #294a59;
}
.sidebar ul {
list-style-type : square;
padding-left : 30px;
}
.sidebar p {
line-height : 16px;
}
.sidebar ul li {
margin-bottom : 5px;
}
.sidebar ul span {
color : #000;
}
.sidebar ul a {
color : #000;
text-decoration : none;
}
.bloque1 ul a {
border-bottom : 1px dashed #968e77;
}
.bloque1 p a, .bloque2 p a {
color : #000;
}
.bloque1 ul a:hover, .bloque1 p a:hover {
background-color : #6c644d;
color : #fff;
border : 0;
}
.bloque2 ul a {
border-bottom : 1px dashed #668b9c;
}
.bloque2 ul a:hover, .bloque2 p a:hover {
background-color : #294a59;
color : #fff;
border : 0;
}
.bloque1 ul {
color : #968e77;
padding-bottom : 12px;
}
.bloque2 ul {
color : #668b9c;
padding-bottom : 12px;
}
.buscar {
padding : 0 15px 15px;
}
.bus1 {
width : 140px;
font-size : 16px;
border : 1px solid #aaa;
}
.bus2 {
vertical-align : top;
}
.sidebar p {
padding : 0 10px 15px 16px;
}
.subscriberss {
padding : 0 0 15px 15px;
}
.subscriberss select {
width : 110px;
margin : 5px 5px 0 10px;
float : left;
}
.subscriberss a {
float : left;
}
.subscriberss a.btnnofloat {
float : none;
}
.subscriberss a.rsstext {
color : #000;
margin : 5px 0 0 3px;
float : left;
}
.bus1 {
width : 140px;
font-size : 16px;
border : 1px solid #aaa;
}
.bus2 {
vertical-align : top;
}
h2.responses {
color : #294a59;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : normal;
margin-bottom : 10px;
text-transform : lowercase;
}
.commentlist {
width : 464px;
margin-bottom : 20px;
list-style-type : none;
font-size : 14px;
}
.commentlist li {
background : #e4ecee url(img/commentlistbg3.jpg) no-repeat;
padding-top : 20px;
margin-bottom : 15px;
}
.commentcontent {
padding : 0 10px;
margin-bottom : 15px;
}
.commentcontent p {
margin-bottom : 15px;
font-size : 12px;
color : #333;
line-height : 17px;
}
.commentcontent a {
color : #265368;
}
p.authorcom {
background-color : #fff;
text-align : right;
}
p.authorcom span {
background : #fff url(img/authorbg3.jpg) no-repeat;
color : #294a59;
font-size : 16px;
padding-left : 100px;
}
.authorcom small {
font-size : 10px;
}
.commentcontent {
padding : 0 10px;
}
.commentcontent ul {
list-style-type : none;
font-size : 12px;
color : #333;
line-height : 17px;
}
.commentcontent li {
background : transparent url(img/bullet02.gif) no-repeat 0 5px;
padding-left : 15px;
padding-top : 0;
margin-bottom : 5px;
}
.commentcontent blockquote {
background-color : #d5e0e3;
margin-bottom : 15px;
padding : 5px 5px 2px 8px;
border-left : 4px solid #b1c6d0;
font-size : 11px;
color : #777;
line-height : 17px;
}
.commentcontent blockquote p {
margin-bottom : 5px;
}
.commentform {
background : #f2f6f7 url(img/commentform2bg.jpg) no-repeat;
width : 440px;
padding : 20px 12px 0 12px;
margin-bottom : 20px;
}
.commentform h2 {
color : #294a59;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : normal;
margin-bottom : 10px;
text-transform : lowercase;
}
.cfbox1 {
width : 150px;
margin-right : 20px;
padding-left : 3px;
float : left;
}
.cfbox2 {
width : 250px;
float : left;
}
.cfbox2 textarea {
width : 250px;
height : 108px;
}
.cfbox3 {
background : transparent url(img/cfbox3bg2.jpg) no-repeat right bottom;
width : 440px;
padding-bottom : 12px;
text-align : center;
clear : both;
}
.commentform label {
color : #294a59;
margin-bottom : 2px;
display : block;
}
.commentform input {
width : 150px;
margin-bottom : 10px;
}
.commentform textarea {
margin-bottom : 20px;
}
input.submit {
width : 150px;
margin-bottom : 6px;
margin-left : 173px;
display : block;
}
.footer {
background-image: url(img/footerbg3.gif) no-repeat;
width : 750px;
height : 68px;
padding : 0 0 0 7px;
color : #fff;
font-size : 11px;
display : block;
float : left;
}
p.foot1 {
padding-top : 25px;
}
p.foot2 {
padding-top : 25px;
float : right;
text-align : right;
margin-right : 5px;
}
.footer a {
color : #fff;
}
.footer a:hover {
background-color : #650000;
text-decoration : none;
}
.foot2 a:hover {
background-color : #294a59;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
a:link {
text-decoration : none;
}
    Ultima cosa...apri il "footer.php" ed al posto di </htm> metti </html>
    Ultima modifica di musicanapoli : 06-09-2009 alle ore 19.55.09
  11. 06-09-2009, 20.26.31 #11
    Guest

    Predefinito

    grazie grazie grazie non credo che nella mia vita fosse stato cosi gentile.....grazie.....
  12. 06-09-2009, 22.15.10 #12
    Guest

    Predefinito

    a risoluzioni alte lo sfondo diventa bianco... copia questa immagine in una cartella e poi sostituisci:

    body {
    background : #2c2c2c url(img/bodybg2.gif) no-repeat top center;
    color : #000;
    font-size : 11px;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }

    con

    body {
    background:url("indirizzo di quell' immagine qui") repeat-x;
    background-color: #F77B2C;
    color : #000;
    font-size : 11px;
    font-family : "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }

    e poi c'č un footer che fa "fare la cacca"
    Ultima modifica di edo98 : 06-09-2009 alle ore 22.16.33
« Discussione precedente | Prossima discussione »

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •  

Regole del forum