Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Question cannot use <br /> to move text onto next line?!

    on my website http://zend.warrencreative.com/wow/a...es_by_age.html the part that reads: "When?
    Starts - Thursday 1 April Ends - Thursday 29 April Every Thursday 4:30pm"

    I need this to be on 3 separate lines but I do not want to use <br /> I am trying to keep my code Symantec!

    Can anyone please help me here?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,636
    Thanks
    6
    Thanked 1,003 Times in 976 Posts
    Quote Originally Posted by jarv View Post
    I am trying to keep my code Symantec!
    What does anti virus software have to do with your site?
    Anyway, what do you think is unsemantic with a line break? That’s what the element is made for, it has no other meaning you would misinterpret by using it that way. You could, however, use a list if you like.

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello jarv,
    Have you considered using a Definition List? Works well where you have a list like your with repeated heading/list stylings.
    Try something like this -
    Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    html, body {
    	font: 12px/17px Arial, Helvetica, sans-serif;
    	background: #FC6;
    	color: #484747;
    }
    #container {
    	width: 800px;
    	margin: 30px auto;
    	background: #999;
    	overflow: auto;
    }
    dl {
    	width: 200px;
    	margin: 10px 0 10px 10px;
    	padding: 10px;
    	float: left;
    	background: #fff;
    }
    dt {
    	font-size:13px; 
    	font-weight:bold; 
    	padding:10px 0px 0px 0px; 
    	color: #ed2155;
    }
    dd {margin: 0;}
    </style>
    </head>
    <body>
        <div id="container">
            <dl>
                <dt>Where?</dt>
                    <dd>School Name</dd>
                    <dd>Address Line 1</dd> 
                    <dd>Address Line 2</dd>
                    <dd>Postcode</dd>
                <dt>When?</dt>
                    <dd>Starts - Thursday 1 April</dd>
                    <dd>Ends - Thursday 29 April</dd>
                    <dd>Every Thursday 4:30pm</dd>
                <dt>Costs</dt>
                	<dd> Free!</dd>
            </dl>
        <!--end container--></div>
    </body>
    </html>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

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