2 css per un sito

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Ciao, nel sito che voglio realizzare ho in mente di dare all'index una struttura completamente diversa dal resto del sito, e cioè di mettere l'header, il footer e uno spazio centrale e basta (per il menù devo ancora vedere come si fa perchè lo vorrei mettere al centro dello spazio centrale). Il resto del sito invece ha lo spazio centrale diviso in 2 colonne. Ho provato a fare 2 diversi fogli di stile (li allego qua sotto) ma il problema è che la index non funziona, non si vede niente! Il resto delle pagine (quelle con associato il css "Style") invece funziona bene.

Cosa sbaglio? Non si può fare come ho fatto io?

Css che va:

body {
font-family:Comic Sans MS, Times New Roman, Verdana;
background-color:white;
background-position:center;
margin-bottom:20px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:14px;
scrollbar-3dlight-color:#f3d841;
scrollbar-face-color:#f3d841;
}

h1 {
font-size:14px;
font-style:italic;

}

h3 {
font-size:18px;
font-style:italic;

}

p {

text-align:justify;
padding:10px;

}

#container {

margin:0px auto;
text-align:left;
width:800px;
height:auto;
background-color:black;
border:1px solid;
}


#header {

background-image:url(img/header.jpg);
width:800px;
height:200px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}

#cdx {
width:500px;
height:703px;
overflow:auto;
margin:10px 0px 10px -10px;
text-align:center;
float:right;
background-image:url(img/back2.gif);

}

#csx {
width:300px;
height:450;
margin:10px 0px 0px 0px;
background-image:url(img/backmenu.gif);
float:left;

}
#menu {
width:230px;
height:450px;
float:left;
margin:0px 0px 0px 10px;
}

#menu ol {

list-style-type:none;
font-weight:bold;
font-size:14px;
padding:50px 0px 0px 20px;

}

#menu ol li {

margin:0px 0px 50px 0px;
border:1px solid;
border-color:#efba46;
text-align:center;

}

#menu ol li a{

text-decoration:none;
color:black;
}


#menu a:hover {

text-decoration:none;
color:#efba46;

}


img {

border:none;
}

#footer {

background-image:url(img/footer.jpg);
background-position:center;
background-repeat:no-repeat;
width:800px;
height:90px;
clear:both;

}


Css che non va per la index senza le due colonne:

body {
font-family:Comic Sans MS, Times New Roman, Verdana;
background-color:white;
background-position:center;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:14px;

#container {

margin:0px auto;
text-align:left;
width:800px;
height:auto;
background-color:black;
}

#back {

margin:0px auto;
text-align:center;
width:800px;
height:800px;
background-image:url(img/back.jpg);
}


#header {

background-image:url(img/header.jpg);
width:800px;
height:100px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}



#footer {

background-image:url(img/footer.jpg);
background-position:center;
background-repeat:no-repeat;
width:800px;
height:70px;
clear:both;

}



Grazie!
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
Presupponendo che tu usa dei CSS esterni, altrimenti ti consiglio di farlo (basta inserire il codice di ogni uno in un file e dargli estensione .css), basta che tu ne inserisca il collegamento tra i tag <head></head> così:
Codice:
<link rel="stylesheet" href="style1.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />
 

PinkBetta

Utente Attivo
21 Lug 2009
1.414
0
0
www.pinkbetta.com
Si si uso dei fogli di stile esterni, solo che nel foglio della index metto il link al foglio per solo quella pagina (quello senza le due colonne), mentre per le altre pagine metto il link all'altro foglio di stile.
Ma perchè devo sempre metterli tutti e due?
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
Codice:
Css che non va per la index senza le due colonne:

body {
font-family:Comic Sans MS, Times New Roman, Verdana;
background-color:white;
background-position:center;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:14px;

manca la parentesi graffa } di chiusura
 
Discussioni simili
Autore Titolo Forum Risposte Data
P html e css per sito di volontariato HTML e CSS 3
K nuovo sito per irham.it ma i css continuano a fare capricci!!! HTML e CSS 1
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
A Strumenti per filtrare il css HTML e CSS 1
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
Shyson Css per Safari HTML e CSS 2
A [Javascript] [CSS] elenco affiancato per evitare scorrimento pagina Javascript 4
P html5 e css per ie10 e 11 HTML e CSS 6
otto9due Robots.txt mail di google per js e css bloccati SEO e Posizionamento 5
J Interfaccia per un gioco in HTML/CSS/JQ HTML e CSS 0
matteoraggi Strumenti per pulire il CSS HTML e CSS 3
V Diverse impostazioni css per solito tag HTML e CSS 5
bluettina Odio amore per i div e figlio css HTML e CSS 1
A Css per pulsante upload HTML e CSS 0
D Aiuto per CSS su Cellulare HTML e CSS 2
giamma tool o applicazione per html css HTML e CSS 0
I Perchè devo cliccare 2 volte su un link per caricare correttamente il css di una galleria? WordPress 1
P Aiuto per il css dei bordi che non si vedono HTML e CSS 7
C Problema con il CSS per il comando text-align HTML e CSS 10
Monital script per modifica css con tabella colori html PHP 6
A css per iphone lanscape view HTML e CSS 2
A Html - css : domanda e aiuto per formattazione banner e navigazione HTML e CSS 1
M CSS esiste plugin per IE HTML e CSS 5
V Studio di design_cerca programmatore per siti web_html/php/css..etc_retribuito Offerte e Richieste di Lavoro e/o Collaborazione 0
W grafico cerca tableless e esperto css per formare una web agency Altri Annunci 0
C Cercasi programmatori php 5, javascript + ajax, css e mysql per portale di videogames Altri Annunci 0
J Collaboratori per forum su html, php, apache, mysql, css, javascript, ecc. Offerte e Richieste di Lavoro e/o Collaborazione 2
S Aiuto per css HTML e CSS 2
U pannellino per cambiare colore alle pagine tramite css e JS Javascript 6
G css ed errore visualizzazione per banner adsense Google AdSense 1
M Css per lo stile dei caratteri HTML e CSS 3
K CSS per fini SEO HTML e CSS 1
S Link per CSS per coloro che sono alle prime armi HTML e CSS 0
W rollover css per barra di navigazione basata su immagini HTML e CSS 7
Eugene CSS per colorare barre di scorrimento - vietato? HTML e CSS 3
G Input checkbox in CSS HTML e CSS 0
G classe CSS sovrascritta HTML e CSS 2
G file CSS contenente variabili HTML e CSS 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
L problema collegamento file css con html HTML e CSS 1
M CSS "puro" HTML e CSS 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
Z Google Fonts CSS tra desktop e responsive HTML e CSS 1
Z Slide show CSS HTML e CSS 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3

Discussioni simili