www.webdeveloper.com
Results 1 to 5 of 5

Thread: Icon & link text not in the same line !!!

  1. #1
    Join Date
    Aug 2009
    Posts
    8

    Icon & link text not in the same line !!!

    Hi All,

    The following command produce two lines: one line with the icon and the another line with the link test.

    <p><img src="images/social/delicious.png" alt="ADD TO DEL.ICIO.US"><script language=javascript>document.write("<a href='http://del.icio.us/post?url="+document.location.href+"&title="+document.title+"' target=_blank >Del.icio.us</a>")</script></P>

    It is requested that both the icon and the link text to be in the sam line.

    Please assist.

    Thanks
    Tony

  2. #2
    Join Date
    Mar 2009
    Posts
    452
    hi there use the following
    <img src="images/social/delicious.png" alt="ADD TO DEL.ICIO.US" align="center">

  3. #3
    Join Date
    Aug 2009
    Posts
    8
    Hi ZABI,

    There is no align="center" for img. But there is align="middle" for img.
    However,it doesnt fix the problem !!!

    This command produces one line of output in one website template and two lines of output in another website template. I suspect it is the problem in the css file.

    Anyone can provide further advise ?

    Thanks in advance.

    Tony

  4. #4
    Join Date
    Aug 2009
    Posts
    8
    Hi ,

    The problem is indeed in the css file.
    In the new website template,I modify the following in the css file and the problem was fixed:

    From:
    spot-nav a {
    display:block;
    padding: 2px 4px;
    _height: 0;
    _vertical-align: bottom;
    text-decoration: none;
    }

    to

    spot-nav a {
    display:inline-block;
    padding: 2px 4px;
    _height: 0;
    _vertical-align: bottom;
    text-decoration: none;
    }

    Best,
    Tony

  5. #5
    Join Date
    May 2009
    Location
    Rochester, NY
    Posts
    372
    Whether or not this works is based on your code and situation, but float might work.
    Use float="left" for the image and see what happens. Try applying it to the text as well.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles