SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Feb 2004
    Location
    Holland
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Positioning definition list

    I cant seem to find a solution to this definition list problem...

    Code:
    <dl>
    <dt>dt1</dt>
    <dd>dd1</dd>
    <dt>dt2</dt>
    <dd>dd2</dd>
    </dl>
    Is it possible to position it in so that its like this:-

    Code:
    -------------
    | dt1 | dt2 |
    -------------
    | dd1 | dd2 |
    -------------

  2. #2
    SitePoint Wizard Wolf_22's Avatar
    Join Date
    Jul 2005
    Posts
    1,714
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hope this helps...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    *{margin:0;padding:0;}
    .l{float:left;}
    .r{float:right;}
    dl{width:410px;height:45px;background-color:#ccc;}
    dt,dd{width:200px; border:1px yellow solid;}
    dt{background-color:blue;}
    dd{background-color:red;}
    </style>
    
    </head>
    <body>
    <dl>
    	<div class="l">
    		<dt>UL DT1</dt>
    		<dd>UR DL1</dd>
    	</div>
    	
    	<div class="r">
    		<dt>LL DT2</dt>
    		<dd>LR DL2</dd>
    	</div>
    	
    	<!--
    	-------------
    	| dt1 | dt2 |
    	-------------
    	| dd1 | dd2 |
    	-------------
    	-->
    	
    </dl>
    </body>
    </html>


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •