class

[zell]

non riesco a capire dove sbaglio

ho una pagina html fatta così:

<div class="iframe">
<p class="iframe">
Nome
....
</p>
</div>

nel CSS, div.iframe mi setta la dimensione del "frame"
p.iframe il testo
a.iframe invece fatto così:
a.iframe {
color:black;
font-size: 20px;
}

però il link mi si vede in bianco e scritto piccolo..

comè possibile??

dovè che sbagliato?

[pierofix]

Non è che in giro per il CSS hai altre dichiarazioni che magari entrano in contrasto con a.iframe?

E poi, non capisco il senso di usare tutte quelle classi. Basterebbe applicare 'iframe' al div, e raggiungere gli elementi al suo interno contenuti mediante i selettori di discendenza. Ad esempio:

.iframe p
{
   /* proprietà */
}
.iframe a
{
   /* proprietà */
}

[zell]

niente ho provato come hai detto ma niente, riporto il mio CSS:

body {
background-image: url(images/sfondo.jpg);
width: 900px;
height: 630px;
background-repeat: no-repeat;
background-color: #003366;
background-position: 60px 1px;
color: black;
}

div.iframe {
position: absolute;
top: 120px;
width: 540px;
height: 440px;
margin-left:215px;
overflow:auto;
}

div.valid {
position: absolute;
top: 475px;
width: 200px;
height: 200px;
margin-left:90px;
}

img.imm {
border:0px;
}


div.sotto {



position: absolute;
top: 575px;
width: 840px;
height: 60px;
margin-left:90px;
overflow:auto;
}

p{
color: black;
font-weight: bold;
font-family: 'Bitstream Vera Serif',Arial, sans-serif;
font-size: 12px;
line-height: 15px;
}

a.sotto{
color: blue;
font-weight: bold;
font-family: 'Bitstream Vera Serif',Arial, sans-serif;
font-size: 12px;
line-height: 15px;
}

a:hover {
color: black;
font-family: 'Bitstream Vera Serif',Arial, sans-serif;
font-weight: bold;
}


a:VISITED {
}

.iframe a{
color: black;
font-weight: bold;
font-family: 'Bitstream Vera Serif',Arial, sans-serif;
font-size: 20px;
line-height: 15px;
}

h2{
color: black;
font-weight: bold;
font-family: 'Bitstream Vera Serif',Arial, sans-serif;
font-size: 16px;
text-align:center;
}

a.ROLL{
width: 120px;
height: 25px;
position: absolute;
top: 175px;
left: 785px;
color: blue;
font-weight: bold;
font-family: 'Bitstream Vera Serif',Arial, sans-serif;
font-size: 16px;
line-height: 15px;
}
a.ROLL:hover{
color: black;
}

la pagina è:
http://botte.altervista.org/ubuntu/internet.html

il link è bianco (su sfondo bianco...) cmq è in alto sopra installazione (spostato a sinistra)

tralatro nel CSS non c'è nessun elemento definito bianco!! non capisco come possa essere bianco!

grazie...

[indigoindigo]

dal CSS associato alla pagina:

a{

	color: white;
	font-weight: bold;
	font-family: 'Bitstream Vera Serif',Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;

}

ed è l'unica regola (insieme ad a:hover) che vale per <a name="browser">Browser</a>, quindi è logico che venga eseguita questa!!

forse te controllavi un CSS aggiornato in locale ma non sul sito, o viceversa!

[zell]

ok ho vinto il nobel per la stupidità
salvavo il css ma ne caricavo un altro, sono un genio!!

cmq già che ci sono faccio un'altra domanda...sperando che non sia più stupida di quella prima

allora:

<div class="iframe">
<h1><a class="mio" name="browser">Browser</a></h1>


in pratica siccome ho dei link che puntano a parti diverse della stessa pagina ho messo <a name="browser">Browser</a>

innanzitutto il validatore xhtml 1.1 mi dice che non posso usare name per a...e allora come devo fare??

poi non ho capito una cosa...io ho impostato un iframe.a e un iframe.h1
se metto prima <a> e poi <h1> il validatore si lamenta
se metto solo <a> io però questo link voglio metterlo diverso dagli altri
allora ho messo <a class="mio"> per prova

e nel css
ho messo
a.mio
ma nella pagina mi seleziona comunque iframe.a!!!
come posso risolvere??

Grazie a chi mi aiuterà!

[indigoindigo]

Ciao zell!

hai un pò di confuzione in testa, eh?!

in ordine:

"name" non si usa, caso mai si usa "id"..tutto però dipende da cosa vuoi fare..un collegamento in genere si indica così

testo

eventualmente può contenere altri attributi come "class" o "id"..te che ci devi fare? un collegamento esterno o un'ancora interna alla pagina???? per l'ancora interna basta dare un'id all'elemento al quale deve puntare il link e scrivere href="#id_dell'elemento" nell'indirizzo del link.

2) cosa intendi con iframe.a e iframe.h1?? forse vorresti dire div.iframe a e div.iframe h1 ???

3) l'annidamento dei tag non è casuale..elementi inline non possono contenre elementi di blocco (leggiti le guide che trovi sul portale di html.it)

corretto
<h1><a>..</a></h1>

scorretto
<a><h1>...</h1></a>

[zell]

ok grazie mille ora ho risolto!!

sì avevo tanta confusione :P