non riesco ad ottenere il risultato che voglio su firefox 3
praticamente ho associato al tag legend questo css
in chrome, explorer occupa in larghezza il 100% dello spazio ma in ff non ne vuole sapereCodice PHP:legend
{
width: 100%;
font-size: 13px;
border-width: 0 0 1px 0;
padding: 3px 0;
margin: 0px;
display: block;
}
Se non è bello ciò che è bello figuriamoci ciò che è brutto...
Hai definito la larghezza del blocco che lo contiene?
Se il blocco esterno nonha larghezza definita, il 100% del tuo blocco si riferisce ad una larghezza inesistente, e non ha significato.
Se la larghezza del contenitore e` ancora in %, la cosa e` ricorsiva fino al <body> e all'<html>
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
si il suo contenitore ha larghezza in px
la cosa che non capisco è come mai anche mettendo dimensione larghezza del legend in px non cambia!
Se non è bello ciò che è bello figuriamoci ciò che è brutto...
Sospetto un erorre di sintassi ... (magari in qualche riga precedente): ad esempio un duepunti , un puntoevirgola o una graffa mancanti...
Prova a passare dai validatori.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
non credo
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
fieldset
{
width: 400px;
border: 1px solid red;
}
legend
{
width: 100%;
background: red;
display: block;
}
</style>
</head>
<body>
<form action="" method="post">
<fieldset>
<legend>ciao</legend>
</fieldset>
</form>
</body>
</html>
Se non è bello ciò che è bello figuriamoci ciò che è brutto...
Hai ragione.
Evidentemente il <legend> non capisce il display: block, con tutte le conseguenze del caso.
Ho provato una piccola modifica, forse ti puo` servire per aggirare l'ostacolo:codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>qualcosa</title> <style type="text/css"> /*<![CDATA[*/ fieldset { width: 400px; border: 1px solid red; } legend, label { width: 100%; background: red; display: block; } /*]]>*/ </style> </head> <body> <form action="" method="post"> <fieldset> <label>riciao</label> </fieldset> </form> </body> </html>
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
non ho ben capito il meccanismo di ciò che hai fatto
Se non è bello ciò che è bello figuriamoci ciò che è brutto...
Sono partito dall'idea che a te serviva un titolo largo quanto la cornice.
Visto che il <legend> non riesco a farlo largo, ho usato un altro sistema, label.
Non so pero` se la cosa ti va bene.
PS: ho provato ora a giocare con gli attributi float e direction dei CSS:
con float non si ottengono variazioni, mentre il rtl fa iniziare il tutto a destra.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
mi sono espresso male
non ho capito l'utilizzo del blocco dati e dello scrivere cosi (mai visto prima)
perdona l'ignoranza
Se non è bello ciò che è bello figuriamoci ciò che è brutto...
Prima ho provato ad inserire degli spazi nel legend.
Poi ho tolto il legend stesso per vedere l'effetto del <label> da solo ( indicano commento in HTML)
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Permessi di invio
Rispondi quotando