www.webdeveloper.com
Results 1 to 4 of 4

Thread: How do I put 5 links in one row, next to each other. as cant find anywhere on web for

  1. #1
    Join Date
    Apr 2012
    Posts
    110

    How do I put 5 links in one row, next to each other. as cant find anywhere on web for

    Hi, how do I put a few links next to each other in a row, like the example ontop on this site, where it says New posts Private Messages FaQ Calendor Community etc.

    I Found out how to put 1 link or Li underneath each other, but not in one line/row like above.
    Cant seem to find this anywhere on internet.
    want to put home, galleries, advertising, form etc.

    Also, how do I put the straight up standing lines inbetween. Not the / but the straight ones.

    Would anybody know how to do this. Thanks.

  2. #2
    Join Date
    Aug 2012
    Location
    Belgium
    Posts
    66

    on a line

    HTML
    -----
    <ul>
    <li><a href="#">link 1</a></li><li><a href="#">link 2</a></li>
    </ul>

    CSS
    ----
    li {float: left; text-decoration: none; padding: 5px; list-style-type: none}

  3. #3
    Join Date
    Sep 2006
    Location
    new york
    Posts
    265
    For more complete example, see for exaple http://webdesign.about.com/od/css/a/aa082304_2.htm
    or http://www.bleepingcomputer.com/forums/topic55647.html

    Special character bar &#x2590;
    Used twice would simulate STOP bars. And, while I;m at it, PLAY button triangle character would be &#x25BA;

    I'd used the bar in a <p> or <h1> with display: inline-block; and just put the links one after the other (instead of using <li>).
    Last edited by auntnini; 09-07-2012 at 06:54 PM. Reason: add special bar character

  4. #4
    Join Date
    Apr 2012
    Posts
    110

    Thanks, li solved

    Thank auntnini and goodguy. li working, will try other another time.

Thread Information

Users Browsing this Thread

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

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