Newsgroup: it.comp.www.html
Titolo: Fare un filo alto 1px coi Div

Quando usavo le tabelle usavo il classico spacer.gif alto 1px ma ora 
coi div è possibile che non ci sia un'altra soluzione? potrei usare i 
border certo ma se volessi fare 2 div uno sopra l'altro e con in mezzo 
un div alto 1px come faccio?
esempio:
<p class="prova"></p>
.prova {
	background-color: #CC0000;
	height: 1px;
}
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 un div alto 1px come faccio?
Secondo me, esattamente come hai detto. Con un div alto 1px. Oppure, secondo 
me, sarebbe meglio usare l'attributo margin, anzichè inserire div "vuoti". 


 }
Ti sfugge la presenza di..
..prova {
   border-top: 1px solid #CC0000;
}
Tra l'altro border funziona anche con la tabelle,
non c'è nessun motivo di usare gli spacer.
Dai un occhio ad un reference di CSS, risparmierai
del tempo prezioso.
-- 
deelan
http://passiomatic.com/
http://www.deelan.com/


 del tempo prezioso.
grazie del consiglio, ho già comprato la guida di Troiani ma non è 
facile imparare tutto velocemente, inoltre mi sono accorto che sul NG 
si imparano tante cose, quindi ho deciso di tornarci e da oggi vi 
tempesterò di domande :)


 tempesterò di domande :)
Quel libro mi dicono sia ottimo.
-- 
deelan
http://passiomatic.com/
http://www.deelan.com/


 me, sarebbe meglio usare l'attributo margin, anzichč inserire div "vuoti".
scusate se riprendo questo vecchio thread ma o sono impazzito io
oppure con IE6 un div alto 1px in realtą č impossibile farlo, perchč
crea uno spazio come se ci fosse testo, quindi alto 12px, mi
confermate che ho ragione oppure son matto?


 confermate che ho ragione oppure son matto?
Non mi ricordo il thread, ma non e` piu` semplice usare (e mettere i css)
a <hr> che e` fatto apposta (e pertanto, semantico)?
Bye.


 a <hr> che e` fatto apposta (e pertanto, semantico)?
sě sě sicuramente ci sono altre soluzioni molto piů adatte a tale
scopo, perň volevo sapere se č corretto che in quel modo non si possa
fare senza avere lo spazio alto 12px in IE6


 fare senza avere lo spazio alto 12px in IE6
Si`, e` corretto.
Nel box model dei css, i margini verticali collassano tra elementi vicini,
e il contenuto di un div vuoto e` il nulla, quindi non appare nemmeno un
pixel. Appena ci metti un &nbsp; quello diventa un carattere, quindi
prende lo spazio del font, e padding e margini prendono consistenza.
Bye.


 pixel. 
I margini verticali collassano ma height non dovrebbe mantenere lo 
stesso ? In alternativa non potrebbe mettere padding verticale ?


 confermate che ho ragione oppure son matto?
Non 13px?
Cmq non ho sufficiente esperienza per giudicare se sei matto.
Poi mi spiegherai la necessita' di un tale DIV...


 stesso ? In alternativa non potrebbe mettere padding verticale ?
Dipende molto dall'interpretazione dei produttori di browser, pero` da 
specifiche il div (e lo span) sono contenitori, non elementi veri e propri.
Si e` esteso ai div la frase che c'e` riguardo i <p>: Se un <p> e` vuoto 
deve essere ignorato dal browser.
La cosa, volendo hackerare, si puo` risolvere mettendo un punto dentro il 
div e impostando font-size: 1px
Bye.



''The challenging thing here is that it seems that top and bottom 
margins just can’t be removed in IE, no matter how hard you try.''
Mi ci sono scontrato di recente. ;^(
-- 
d.


 ha scritto nel messaggio 
news:pan.2007.03...@amiran.it...

Quello che avevo pensato anch'io. Spesso ho ridotto le dimensioni di un DIV 
o di una cella impostando la dimensione, nel CSS, del testo contenuto. 
