File css solo per alcune parti della pagina

**idro** · 15-04-2011, 15:47

ciao a tutti ho un problema ho un file css e vorrei che venisse applicato ad un file html non per tutti i div ma solo per alcuni mi servirebbe una scrittura così diciamo:
<css.css>
tutti i miei div
</css>
Cose simili, ho cercato nella rete ma non ho trovato niente.

**0-c00l** · 15-04-2011, 16:50

Puoi far in modo che nel css delle caratteristiche appaiano solo per quei div no?

Esempio

codice:

.ciao, .ciao2, .ciao3 {
font-weight: bold;
width: 500px;
}

**idro** · 15-04-2011, 16:52

no ma io voglio che nei div ad es:
menù
header
invece di cercare il relativo css nel file style.css come avviene per gli altri li cerchi SOLO QUELLI non file style01.css

**0-c00l** · 15-04-2011, 19:12

non ho capito molto, forse vuoi fare tipo:

header {
font-size: 50px;
}

<header>ciao</header>

Mi pare che header è dell' HTML5.. Dai una letta sul sito (questo lol)

**idro** · 15-04-2011, 19:27

No aspetta ecco il mio problema da capo. Ho 3 file 1 html 2 css
html: index.html

codice:

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<div id="prova">
ciao come va?????
</div>
<div id="prova">
test
</div>

Io vorrei che il div prova venisse cercato nel file css: style.css e invece il div test nel file css: style2.css. Quindi due div in due style differenti. In modo da mostrare il primo div (prova) secondo il file style.css e il secondo uguale ma secondo lo style style1.css

**mucu** · 15-04-2011, 19:57

in un documento html puoi avere un solo id con nome prova
poi in genere si usano le classi e gli id solo in certi casi

prova a fare una pagina vera e fai capire cosa intendi fare

**0-c00l** · 15-04-2011, 20:28

si micu ha ragione , comunque non puoi mettere due id uguali in due fogli (o uno) di stile diversi.. O meglio puoi, ma verrà letto l' ultimo inserito (CASCADING styleseheet). QUindi devi mettere due classi diverse, oppure specificare in html tramite style=" " le differenze mentre nel css sarà una sola, oppure ancora fai:

codice:

.div1, .div2 {
background: red;
margin-left: 50px;
}

.div2 {
color: blue;
}

In questo modo avrai sia la div 1 che la div2 con lo sfondo rosso e distanti 50px da sinistra ma nella div2 il colore del testo sarà blue.. (è per semplificare senza dover riscrivere gli attributi due volte)

**idro** · 15-04-2011, 20:47

Ho fatto questo casino con i codici perchè devo unire 2 pagine senza che dia errore. 1pag con 1 pag html e altri 2 style. Il problema che questi due style hanno alcuni nomi uguale ad es: header, footer. E quindi mi legge l'ultimo mentre a me servirebbe la possibilità di scelgiere comunque vi posto tutto così magari sapete indicarmi un'altra strada:
A me servirebbe mettere questi div

codice:

<body id="overview"> 
<div class="contentBoxBody"> 
 
<div id="boxBG"> 
<div id="box"> 
<div id="bar"> <ul>[*]Amici [*]Note [*]{$lm_messages}{if $new_message > 0}<span id="newmes"> (<span id="newmesnum">{$new_message}</span>)</span>{/if}[*]Classifica [*]Cerca [*]Opzioni [*]Esci [/list]
</div>       
</div>    
</div> 
</div> 
</body> 
</html>

come vedere non ho messo l'head perchè questo file verrà incluso in un altro dove invece c'è.
Questo si dovrebbe incollare nella parte alta della pagina, gli styli sono questi:
1)
clicca qui
Ci sono molti css inutili rispetto ai div solo che non riesco a trovare e prendere quelli che mi servono. Quindi adesso si potrebbe prendere i div interessati, cambiargli nome e metterli nel css principali
P.S i codici sono del browser game ogame, non preoccupatevi non devo copiare niente mi serve per chiarire una cosa del mio template phpbb

**0-c00l** · 15-04-2011, 21:22

Se è solo quella la pagina devi lasciare quelli relativi a:

#overview
.contentBoxBody
#boxBG
box
bar
ul, li
.ajax_thickbox
a:link, a:visited
a:hover

(PS: non ho controllato dai file css, ma se questi sono gli unici che vengono usati come da te scritto sono gli unici che dovrebbero rimanere, se ce ne sono altri credo che vengano usati in altre pagine

**idro** · 16-04-2011, 10:16

grazie adeso funziona solo che mi ha cambiato un impostazione che mi avevi detto nell'altra discussione cioè il testo centrato all'immagine di sfondo. Con l'aggiunta di quei css non mi funziona più il testo non è più centrato ho controllato e non esistono comandi uguali nei fogli css.
ecco lo style relativo:

codice:

#menu {
list-style:none;
margin:10;
padding:0;
position:absolute;
top:150px;
left:90px;
width:200px;
padding-bottom:26px;
text-align: center;
}

#menu li {
font:60.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
margin:0;
padding:100;
text-align: center;
}

#menu a { background:url(img/bottone10.png) no-repeat; width:290px; height:34px; display:block; padding-left:25px; margin:5px 0;
						font-size:10px; color:white; text-decoration:none; line-height:25px; text-align: center; }
		 

#menu a:hover { background-position:0 bottom;  }

Discussione: File css solo per alcune parti della pagina

Strumenti discussione

Ricerca discussione

Visualizza

File css solo per alcune parti della pagina

Permessi di invio