Programmazione : codice css home

Programmazione : codice css home postato il 22/07/2011 12:52:19 nel forum programmazione, gdrcd, open source, hosting

http://www.tonaruto.altervista.org/Home/index.html
A quel link trovate la home che ho diviso con il codice css , mi potete consigliare come migliorarlo ? cosa sotituire ?

e sopratutto :
come faccio a levare quel margine superiore fra la prima immagine ed il browser ?

A voi si vede bene ? o sballato ?

quota

22/07/2011 13:07:21

Bene , non sono un esperto , quindi consigli come fare ad evitare il fatto dello zoom ?

quota

22/07/2011 13:26:03

Ho già analizzato attentamente quale doveva essere la risoluzione , ma adesso , per evitare che zoomando si sposti il centrale , mi conviene metterli in un div e poi ? mettere margin 0, auto ?

quota

22/07/2011 13:44:53 e modificato da nb_staff il 22/07/2011 16:34:23

Tabelle ? xD
Mi hanno SEMPRE sconsigliato di usarle lol.

Altri consigli u.u ?
Ho risolto il fatto dello zoom , a voi come si vede?


Sto provando una versione con la lista per il menù invece dei div , ma mi è nato un conflitto

http://www.tonaruto.altervista.org/Home/indexprov.html

come risolvo , plz.

Ho capito dove sta l'errore :
body {
background: url(sfondo.png);
background-repeat: repeat-y;
background-position: center;
background-color: #4c5d64;
}

il center di quì va in conflitto con il
#contenitore{
margin: 0px auto;
padding:0px;
border:0px;
height:1019px;
width:800px;
}

margin auto di quì

quota

22/07/2011 16:56:23

Prima di metterti a fare questi lavori io ti consiglierei di levare molte delle immagini che hai messo nel layout.
Le immagini appesantiscono un sito, ma tu le stai usando anche per fare sezioni che potresti riprodurre con meno fatica con HTML e CSS. Prendi tutte le aree in tinta unita e tramutale in HTML, invece che usare le immagini per crearle. Avrai anche un migliore controllo della pagina se un giorno decidessi di cambiare il colore di una barra o spostarla di pochi pixel (o se volessi aggiungere qualcosa al suo interno), con CSS lo fai in due secondi, se hai l'immagine invece la devi rifare e dopo devi anche fare i conti con la cache dei browser.

Quindi per esempio, prendi ogni tasto del menu laterale ritaglialo e posizionalo con CSS, così facendo puoi anche fare in modo che il tasto cambi quando ci passa sopra il mouse. Anche le barra colorate in alto, possono essere riprodotte con CSS. L'unica cosa che non puoi riprodurre è l'immagine centrale dell'header e l'ombreggiatura, quella dovrà rimanere immagine.

quota

22/07/2011 22:42:04

con chrome l'immagine di header, e lo sfondo di contenuto sono di un pixel spostato :)

quota

23/07/2011 10:29:07

lela. come potrei risolvere?
Se lo cambio per chrome , viene brutto per firefox xD

quota

23/07/2011 14:15:23

su chrome il width del div contenitore sembra avere un pixel di meno mentre su firefox risulta essere 1020px

quota

23/07/2011 14:28:07

Quindo dovrei diminuire di 1 il width ?

quota

25/07/2011 13:00:41 e modificato da giuliomartella il 25/07/2011 13:02:32

ecco come vedo io la tua pagina a tutto schermo con i tre browser principali escludendo safari e ie siccome uso un linux(ho uno schermo 1024x768)

Google chrome:
http://gnusmash.altervista.org/other/Screenshot-1.png
Opera:
http://gnusmash.altervista.org/other/Screenshot-2.png
Firefox:
http://gnusmash.altervista.org/other/Screenshot-3.png

(zoomma per vederle meglio sono in risoluzione 1024x768)

Tutte e tre i browser mi visualizzano male il fondo della pagina e l' inizio (che non puoi vedere perchè la pagina è più lunga di 1024px)
penso che questo sia un errore di margin, floating o align nei div iniziali e di chiusura.

Un consiglio: i font rendono la pagina più particolare vedi questa guida(http://www.comeusare.it/usare-il-web/inserire-un-font-nel-nostro-sito-web.html) ti sarà utile.

Pirates of the Caribbean ↗
Parti per un'avventura con Jack Sparrow, Will Turner, il Capitano Barbossa e altri spadaccini del franchise cinematografico Pirati dei Caraibi!

quota