migliorare layout

patrick91

migliorare layout

come posso migliorare il layout di questo sito www.patrick91.it/new ?
grazie

laburno

@patrick91 said:

come posso migliorare il layout di questo sito www.patrick91.it/new ?
grazie

Specifica: migliorare graficamente? a livello di codice? di usabilità?

patrick91

@Laburno said:

Specifica: migliorare graficamente? a livello di codice? di usabilità?

dicevo graficamente
credo anche che il footer sballi a dimensioni maggiori di 1024*728

grazie per le risposte

laburno

A 1280x1024, la scritta copyright risulta spostata a destra dentro al footer.

Puoi provare ad aggiungere delle sfumature nei dettagli, ad esempio invece che lasciare le barre a tintaunita puoi mettere come sfondo un leggero gradiente (va anche di moda ).

Stessa cosa per lo sfondo: un leggero gradiente colore->bianco.

patrick91

@Laburno said:

A 1280x1024, la scritta copyright risulta spostata a destra dentro al footer.

lo immaginavo esiste un modo per lasciare lo sfondo così e allineare il footer con la colonna destra?

@Laburno said:

Puoi provare ad aggiungere delle sfumature nei dettagli, ad esempio invece che lasciare le barre a tintaunita puoi mettere come sfondo un leggero gradiente (va anche di moda ).

Stessa cosa per lo sfondo: un leggero gradiente colore->bianco.

grazie proverò domani

grazie ancora per le risposte

Buon Natale :1145963735-Party (5

laburno

@patrick91 said:

lo immaginavo esiste un modo per lasciare lo sfondo così e allineare il footer con la colonna destra?

Sicuramente esiste
Posta l'HTMl e il CSS della pagina e vediamo

@patrick91 said:

grazie proverò domani

grazie ancora per le risposte

Buon Natale
Di nulla
Buon Natale

patrick91

@Laburno said:

Sicuramente esiste
Posta l'HTMl e il CSS della pagina e vediamo

ecco l'html (da finire)
[html]<head>
<link rel="stylesheet" type="text/css" media="all" href="stile.css" />
</head>

<body>
<div id="header">
<div id="societa">C.A.T. snc</div>
<div id="slogan">Prodotti satellitari</div>
</div>

<div id="menu">menu menu menu menu menu</div>
<div id="corpo">
<div id="colonna2"> Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo v v Centrale testo Centrale testo Centrale testo Centrale testo v v Centrale testoCentrale testoCentrale testo Centrale testo vCentrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo v Centrale testo Centrale color: #336799; testo Centrale testo Centrale testoCentrale testo ale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centrale testo Centr</div>
<div id="colonna3">varie testo varie testo varie testo varie testo varie testo varie testo varie testo varie testo varie testo varie testo varie testo varie testo </div>
</div>
<div id="footer">Copyright </div>
</body>[/html]

e il css

body {
margin: 0;
padding: 0;
text-align:center;
}

#header {
width: 830px;
margin: 1em auto;
text-align: left;
}

#societa {
font-size: 30px;
font-weight:bold;
color:;
}

#slogan {
color:;
}

#corpo {
width: 830px;
margin: 1em auto;
text-align: left;
position: relative;
}

#footer {
padding-left:130px;
padding-right:130px;
text-align: right;
background-color:;
color:white;
}

#menu {
background-color:;
padding-left:130px;
padding-right:130px;
color:white;
}

#colonna3 {
position: absolute;
top: 0;
right: 0;
width: 130px;
}

#colonna2 {
margin: 0 135px 0 0px;
height:auto;
border-right: dotted 1px;
background-image: url(sfondo.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

patrick91

ho modificato un po la pagina adesso è qui www.patrick91.it/new1

forse è la versione semi-definitiva

però volevo sempre sapere se esiste un modo per lasciare lo sfondo del footer (della vecchia pagina) così e allinearlo con la colonna destra?

ciao
grazie