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
    Apr 2004
    Posts
    2
    Member #
    5712
    Hi,

    I'm having a strange problem with the <ol> tag. If I have an ordered list and an image aligned to the left, the numbers in the ordered list show up under the image. Anybody have any suggestions? I tried putting the list in it's own table, which works fine, but I'd rather have the text wrap around the image. Thanks! See code below:


    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="left">

    <TR>
    <TD ALIGN="Center" VALIGN="top" >

    <img scr="" width="350" height="250" border="1">

    </TD>
    <td width="10"></td>
    </TR>
    </TABLE>


    <p><B>A. </B> The version of Internet Information Services (IIS) 6.0 that ships with Windows 2003 includes some Web-administration tools that are disabled by default. To enable the tools, perform the following steps:</p>


    <ol>
    <li>Start the Microsoft Management Console (MMC) IIS Management snap-in by clicking Start, Programs, Administrative Tools, Internet Information Server (IIS) Management.</li>
    <li>Navigate to Web Sites, Default Web Site.</li>
    <li>Right-click Default Web Site. Select New, then select Virtual Directory. You'll see the Virtual Directory Creation Wizard Welcome screen.</li>
    <li>Click Next.</li>
    <li>Enter an alias of IISADMPWD and click Next.</li>
    <li>For the actual publish folder value, enter C:\windows\system32\inetsrv\iisadmpwd (where C:\windows is the directory in which Windows is installed). Click Next.</li>
    <li>For virtual directory permissions, select the Read and Run scripts check box, if it isn't already selected. Click Next.</li>
    <li>Click Finish.</li></ol>

  2.  

  3. #2
    Senior Member
    Join Date
    Apr 2003
    Location
    Las Vegas
    Posts
    231
    Member #
    1169
    I adjusted the table width/height and it looks correct I think... try this out

    Code:
    <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="left" width="387" height="314">
    
    <TR>
    <TD ALIGN="Center" VALIGN="top" width="352" height="314" >
    
    <img scr="" width="350" height="250" border="1">
    
    </TD>
    <td width="35" height="314"></td>
    </TR>
    </TABLE>
    
    
    <p><B>A. </B> The version of Internet Information Services (IIS) 6.0 that ships with Windows 2003 includes some Web-administration tools that are disabled by default. To enable the tools, perform the following steps:</p>
    
    
    <ol>
    <li>Start the Microsoft Management Console (MMC) IIS Management snap-in by clicking Start, Programs, Administrative Tools, Internet Information Server (IIS) Management.</li>
    <li>Navigate to Web Sites, Default Web Site.</li>
    <li>Right-click Default Web Site. Select New, then select Virtual Directory. You'll see the Virtual Directory Creation Wizard Welcome screen.</li>
    <li>Click Next.</li>
    <li>Enter an alias of IISADMPWD and click Next.</li>
    <li>For the actual publish folder value, enter C:\windows\system32\inetsrv\iisadmpwd (where C:\windows is the directory in which Windows is installed). Click Next.</li>
    <li>For virtual directory permissions, select the Read and Run scripts check box, if it isn't already selected. Click Next.</li>
    <li>Click Finish.</li></ol>

  4. #3
    Junior Member
    Join Date
    Apr 2004
    Posts
    2
    Member #
    5712
    Yup, except...

    That works, the problem is that this is part of a template so when we're not using and ordered list, I don't really want that much space between the image (it's an advertisement) and the text.

    what i guess i'm wondering is why does this happen? is it just something with the <ol> & <ul> tags that I can't really do much about? This doesn't happen when I'm just using <li> tags by themselves. Is there something I could do with my stylesheet to indent <li> tags without using the <ol> tag maybe?

    I appreciate the help, Thanks!

  5. #4
    Senior Member
    Join Date
    Apr 2003
    Location
    Las Vegas
    Posts
    231
    Member #
    1169
    Just adjust width="387" to move it closer

    I dont know about the other question, I dont use lists to much

  6. #5
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    to use images instead of the numbers in the ol's you'll need to use css and play with the margins and paddings of the ol

    for example... on the www.fcoutaouais.qc.ca site i created, you'll notice in the side i use arrow images in my ul instead of the boring dots or squares.

    here's the css for those
    Code:
    ul {
    	list-style-type: circle;
    	list-style-image: url(/images/misc/round-bullet.gif);
    	margin: 5px 15px 10px 20px;
    	padding: 0 0 0 5px;
    }
    just change the image to whatever you want

    hth
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us


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
  •  
All times are GMT -6. The time now is 06:41 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com