Programmazione : codice css home
Programmazione : codice css home postato il 22/07/2011 12:52:19 nel forum programmazione, open source e 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 ?
World of Warship ↗Pagine → 1
22/07/2011 13:07:21
Bene , non sono un esperto , quindi consigli come fare ad evitare il fatto dello zoom ?
Enlisted ↗
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 ?
Seconda Era ↗
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ì
The Coven ↗
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.
22/07/2011 22:42:04
con chrome l'immagine di header, e lo sfondo di contenuto sono di un pixel spostato :)
Project Entropy ↗
23/07/2011 10:29:07
lela. come potrei risolvere?
Se lo cambio per chrome , viene brutto per firefox xD
AlterEgo ↗
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
Tibia ↗
23/07/2011 14:28:07
Quindo dovrei diminuire di 1 il width ?
RAID Shadow Legends ↗
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.
Imperion ↗
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
