Jump to content


Check out our Community Blogs

Register and join over 40,000 other developers!


Recent Status Updates

View All Updates

Photo
- - - - -

html links on single line

HTML

  • Please log in to reply
3 replies to this topic

#1 BRUTAL

BRUTAL

    CC Newcomer

  • Just Joined
  • PipPip
  • 22 posts

Posted 05 January 2011 - 05:42 PM

Hey guys i designing a site and im trying to have a options bar like this

Home reviews tips forums

ive gotten the home on a single line using the <DD> thing but when i try to put review in there it doesnt go as far as i need it to and when i try to add another space it goes over to another line. ps if you guys need to see my code then just ask
  • 0

#2 Alexander

Alexander

    YOL9

  • Moderator
  • 3963 posts
  • Location:Vancouver, Eh! Cleverness: 200
  • Programming Language:C, C++, PHP, Assembly

Posted 05 January 2011 - 08:22 PM

Hi, <dd> tag is a definition list, and usually by default it goes onto another line, maybe try wrapping them in <span> tags instead!

Feel free to show us your code so we can see what works.
  • 0

All new problems require investigation, and so if errors are problems, try to learn as much as you can and report back.


#3 gokuajmes

gokuajmes

    CC Devotee

  • Senior Member
  • PipPipPipPipPipPip
  • 483 posts

Posted 13 January 2011 - 09:28 AM

you should have valid xhtml markup so this is the solutions
<ul>
<li>link1</li>
<li>link2</li>
<li>link3</li>
</ul>

  • 0

#4 fazlerocks

fazlerocks

    CC Newcomer

  • Just Joined
  • PipPip
  • 12 posts

Posted 16 January 2011 - 03:49 AM

Add the following code with an additional CSS design.
Step 1: Add the links like below at the desired location
<div id="nav">
<ul>
<li><a href"#">link1</a></li>
<li><a href"#">link2</a></li>
<li><a href"#">link3</a></li>
</ul>
</div>


Step 2: Create a new file known as stylesheet.css and include it in the header of main page.

Step 3: Add the following code to stylesheet.css
#nav li
{
float:left;
}
Hope it works for you!

Best Wishes!! :)
  • 0





Also tagged with one or more of these keywords: HTML

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download