http://www.ubicuit.net/ejemplosCSS/listasDefinicion.htm
Paul Novitski escribió:
> At 03:33 PM 3/4/2006, luis jure wrote:
>
>> i want to format definition lists in a way that the definition description
>> goes in the same line than the definition term, like this:
>>
>> dt term1 here dd text goes here to the end of the line blah blah blah
>> and goes on here at the beginning of the next line if long enough
>>
>> dt term2 here dd text 2 goes here etc.
>>
>> i tried different values of the 'display' property, and also with 'float'.
>> but i can't get exactly what i want, that seems to me should be trivial.
>>
>
>
> I can see two ways to do this:
>
> 1) float the DT left and let the DD wrap around it:
>
> dl
> {
> width: Xem;
> }
> dt
> {
> display: block;
> float: left;
> width: Yem;
> }
> dd
> {
> display: inline;
> }
>
> ...where X is the width of the entire text area and Y is the width of the DT.
>
>
> 2) declare them both inline:
>
> dt,
> dd
> {
> display: inline;
> }
>
> DTs are by default inline and DDs are by default block, but it never
> hurts to declare your intentions explicitly in order to bring all
> browsers into line. A block element will normally begin a new row of
> content, while inline elements will follow one another on the same row.
>
> In your examples you've got two or three ems of blank space between
> DT and DD. If this is intentional you could use padding or margin to
> force that in the presentation as well
>
> Paul
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
--
Félix Zapata Berlinches
Tanta Tecnología y Comunicación
Grupo Onetec
c/ Julián Camarillo 26 1º Of. 2
28037 Madrid
Tel.: 91.440.10.40
Fax: 91.304.91.24
www.tantacom.com
www.grupoonetec.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
