§§Felpato§§ (Normal User)
Rookie
 
Messaggi: 29
Iscritto: 27/04/2009
|
Ciao a tutti!
Ho un problema con il sito che stò progettando.
Ho scaricato un file css ed ho provato ad allargare il layout fa 700px a 800px, così facendo però mi rimane una linea verticale sul bordo destro.
L'unico modo che ho trovato per eliminare questa linea verticale è cancellare un file gif all'interno della cartella images del template.
Potete controllare gentilmente questo codice? Per vedere in modo più evidente l'errore dovrei passarvi tutta la cartella, quindi mi chiedevo se mi potevate dare un contatto msn.
Codice sorgente - presumibilmente Plain Text |
* {
margin: 0;
padding: 0;
}
body {
margin-bottom: 50px;
font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3B3B3B;
}
h1, h2, h3 {
color: #4F789F;
}
h1 {
}
h2 {
}
h3 {
font-size: 1em;
}
p, blockquote, ul, ol {
}
p {
}
blockquote {
}
ul {
}
ul li {
}
ol {
}
ol li {
}
a {
color: #4F789F;
}
a:hover {
text-decoration: none;
}
img {
border: 1px solid #3B3B3B;
}
img.left {
float: left;
margin: 0 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
/* Boxed Style */
.boxed {
}
.boxed .title {
padding: 10px 15px;
background: #3B3B3B;
text-transform: uppercase;
font: bold .77em Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
.boxed .content {
padding: 15px;
}
.boxed ul {
list-style: none;
}
/* Post */
.post {
clear: both;
padding: 20px;
border-bottom: 1px solid #3B3B3B;
}
.post .title {
}
.post .content {
line-height: 1.6em;
}
.post .title {
margin-bottom: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.post p, .post blockquote, .post ul, .post ol {
margin-bottom: 1em;
}
.post blockquote, .post ul, .post ol {
margin-left: 3em;
}
/* Header */
#header {
width: 800px;
height: 150px;
margin: 0 auto;
background: #69B10A url(images/img2.jpg);
}
#header h1, #header h2 {
text-transform: lowercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
}
#header h1 {
float: left;
padding: 80px 0 0 20px;
letter-spacing: -3px;
font-size: 48px;
}
#header h2 {
float: left;
padding: 107px 0 0 7px;
}
#header a {
text-decoration: none;
color: #FFFFFF;
}
/* Page */
#page {
width: 800px;
margin: 0 auto;
background: url(images/img3.gif) repeat-y;
border-top: 20px solid #3B3B3B;
}
#content {
float: right;
width: 597px;
padding-right: 1px;
}
#sidebar {
float: left;
width: 200px;
padding-left: 1px;
}
/* Menu */
#menu {
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
padding: 5px 15px;
border-bottom: 1px solid #FFFFFF;
text-decoration: none;
color: #3B3B3B;
}
#menu a:hover {
background: #4F789F;
color: #FFFFFF;
}
#menu .active a {
background: #BABABA;
color: #000000;
}
/* Login */
#login {
}
#login fieldset {
border: none;
}
#login legend {
display: none;
}
#login input {
margin-bottom: 5px;
}
#inputtext1, #inputtext2 {
width: 160px;
}
/* Updates */
#updates {
}
#updates ul {
}
#updates li {
margin-bottom: 20px;
}
#updates h3 {
font-size: .77em;
}
/* Footer */
#footer {
width: 770px;
height: 15px;
margin: 0 auto;
padding: 5px 15px;
background: #3B3B3B;
font-size: .77em;
color: #FFFFFF;
}
#legal {
float: left;
}
#links {
float: right;
}
|
|
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
Caricare direttamente tutto su un sito?
|
|
|
§§Felpato§§ (Normal User)
Rookie
Messaggi: 29
Iscritto: 27/04/2009
|
|
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
per me è dovuta al fatto che c'è questo ripetuto due volte:
Codice sorgente - presumibilmente HTML / CSS |
<div id="updates" class="boxed">
<h2 class="title"></h2>
<div class="content">
</div>
|
se riempissi quel template di testo sarebbe più facile capire qual'è la fonte del problema senza che me lo scarico e faccio un mucchio di prove.
|
|
|
§§Felpato§§ (Normal User)
Rookie
Messaggi: 29
Iscritto: 27/04/2009
|
Ok l'ho riempito, comunque ho seguito la tua intuizione però niente.
|
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
Me lo sono scaricato senza immagini e il problema non si verificava.
Siccome l'header si ripeteva proprio alla linea il problema può essere qui:
Codice sorgente - presumibilmente Plain Text |
#header {
width: 800px;
height: 150px;
margin: 0 auto;
background: #69B10A url(images/img2.jpg);
}
|
dovresti provare a mettere no-repeat per il background.
|
|
|
§§Felpato§§ (Normal User)
Rookie
Messaggi: 29
Iscritto: 27/04/2009
|
Ho risolto, era un problema relativo ad una immagine nella cartella del template.
Volevo chiedere se era possibile mettere una colonna uguale a quella sulla sinistra anche sul bordo destro del layout. Grazie dell'aiuto che mi hai dato fin'ora.
|
|
|
Mte90 (Member)
Guru
Messaggi: 1144
Iscritto: 25/03/2008
|
hai provato ha copiare il div sidebar?
cmq quando hai problema con i css e non sai dove mettere le mani la soluzione più semplice è di andare con l'esclusione togliendo un pezzo di codice per volta e vedere.
|
|
|
§§Felpato§§ (Normal User)
Rookie
Messaggi: 29
Iscritto: 27/04/2009
|
ho provato, copiando solo div sidebar non basta.
|
|
|
| 
