Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Sep 2010
    Posts
    3
    Member #
    23481
    Hi,
    I am trying to create a bullited lists side by side.
    Here is my 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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>List Business Page</title>

    <style type="text/css">

    #wrapper {
    width: 1020px;
    margin: 15px auto 0 auto;
    text-align: left;
    background: #FFFFCC;
    }

    #banner {
    text-align:center;
    color:teal;
    font-size:2.0em;
    margin-bottom: 15px;
    }

    #main {


    padding-top:20px;
    height:auto;
    width:960px;
    background:#FFFFCC;
    }


    #contactbutton {
    margin-top:10px;
    }

    h1 {

    color:navy;
    font-size:1.3em;
    font-family:Arial, Helvetica, sans-serif;
    padding:5px 0px 3px 25px;
    margin:0;
    }

    p {
    color:maroon;
    font-size: 1.3em;
    margin-top: 0;
    padding:7px 0px 3px 25px;

    }

    }

    ul li {
    color:maroon;
    font-size: 1.3em;
    margin-top: 0;
    padding:7px 0px 3px 25px;
    }




    </style>

    </head>

    <body style="background-color:#CCCCFF">

    <div id="wrapper">

    <div id="banner"> Welcome to Cmybiztoday.com </div>

    <div id="main">

    <h1>Who we are:</h1>
    <p> We are a local internet business directory.</p>
    <h1>What we do:</h1>
    <p>We will create an informative webpage of your business and post it on our website.</p>
    <h1>Information included: </h1>

    <ul>
    <li>Name of Company</li>
    <li>Photo of Company</li>
    <li>Address</li>
    <li>Phone Number</li>
    <li>Email Address</li>

    <li>Hours of Operation</li>
    <li>Google Map directions</li>
    <li>List of Services</li>
    <li>List of Staff</li>
    <li>Types of Payment/Insurance accepted</li>

    </ul>

    <h1>How much?</h1>
    <p>There will be an initial charge of $200.00 for the web page.<br />
    There will also be a $100.00 yearly renewal fee, if you decide to keep our services.<br />
    The renewal will include updates to your company.</p>
    <h1>What if I already have a website?</h1>
    <p>We will create a link to your web site from the informative webpage.</p>
    <h1>What if my type of company is not listed in the directory?</h1>
    <p>We may add a category for your type of business if we feel it fits into our scheme. This is totally up to our discretion.</p>
    <p>Please click the button below for contact information so we might better be able to serve you.</p>
    </div>
    <div id="contactbutton">
    <input type="button" value="Contact Information" onclick="parent.location='contact_form.htm' " /> <br />
    </div>

    </div>
    </body>

    </html>

    Any suggestions,
    Thank you,
    Paul

  2.  

  3. #2
    Member WPExplorer's Avatar
    Join Date
    Apr 2010
    Location
    USA
    Posts
    89
    Member #
    21716
    Have you considered creating ul 2 lists and then putting them side-by-side using 2 floated div containers?

  4. #3
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    I second that. There's really no other way.

  5. #4
    Member WPExplorer's Avatar
    Join Date
    Apr 2010
    Location
    USA
    Posts
    89
    Member #
    21716
    The only other way would be to give the Li containers a specific width (half of that of the nested div) and then float them.

  6. #5
    Member WPExplorer's Avatar
    Join Date
    Apr 2010
    Location
    USA
    Posts
    89
    Member #
    21716
    my last comment was duplicated - this is me deleting it...


Remove Ads

Posting Permissions

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

Search tags for this page

css li side by side
,

html lists side by side

,
html side by side lists
,
list of forum side
Click on a term to search for related topics.
All times are GMT -6. The time now is 11:25 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com