Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Trying to get text beside logo
Old 11-04-2010, 06:56 PM Trying to get text beside logo
Novice Talker

Posts: 6
Trades: 0
Hi, I'm trying to get my navigation bar to be directly to the left of my logo but I can't figure it out, can someone tell me what I'm doing wrong. Below is the code I'm working with.

Quote:
<table align="center">
<tr>
<td><img src="logo.gif"></td>
</tr>
</table>
<pre>
<font face="arial" size="4" color="#999999"><a href="index.html">Home</a></td><br>
<font face="arial" size="4" color="#999999"><a href="services.html">Services</a><br>
<font face="arial" size="4" color="#999999"><a href="aboutus.html">About us</a><br>
<font face="arial" size="4" color="#999999"><a href="contactus.html">Contact Us</a></td>
</pre>
Thanks in advance.

CeS
CeS007 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-04-2010, 07:13 PM Re: Trying to get text beside logo
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
Firstly, ditch the tables.

You need to code this with CSS. Lots of ways to achieve it, here's one:

Your HTML code:

HTML Code:
<div id="container">
  <div id="logo">
    <img src="logo.jpg" />
  </div>
  <div id="navbox>
    <ul>
      <li>index</li>
      <li>services</li>
      <li>about</li>
      <li>contact</li>
    </ul>
  </div>
</div>
Now we'll apply some CSS

Code:
#container { width: 800px }
#logobox { float: left; width: 200px; }
#navbox { float: right; width: 400px; }
Have a play around with those, alter the widths appropriately and remember to clear your floats.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-04-2010, 07:23 PM Re: Trying to get text beside logo
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Use a list styled with CSS instead of the 1995 style table.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-04-2010, 07:25 PM Re: Trying to get text beside logo
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Just like in Ed's post
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-04-2010, 08:20 PM Re: Trying to get text beside logo
Novice Talker

Posts: 6
Trades: 0
I've never used css before, do I just apply the css in my html document or do I need to make a new document specifically for css?
CeS007 is offline
Reply With Quote
View Public Profile
 
Old 11-04-2010, 08:23 PM Re: Trying to get text beside logo
Knight13's Avatar
Defies a Status

Posts: 10,289
Name: Knight13
Location: Cleveland, Ohio
Trades: 0
You can do both, but it is better to make a css file and link to it.
Knight13 is offline
Reply With Quote
View Public Profile
 
Old 11-04-2010, 08:34 PM Re: Trying to get text beside logo
Novice Talker

Posts: 6
Trades: 0
can someone link me to an easy-to-understand tutorial on how to either incorporate css into my html document & on how to link the two, I searched google but nothing I found was straight forward.

Thanks
CeS007 is offline
Reply With Quote
View Public Profile
 
Old 11-04-2010, 08:41 PM Re: Trying to get text beside logo
Novice Talker

Posts: 6
Trades: 0
or is there just a way to do it in the classic html coding? I'm just making a simple website, don't know if I want to spend the time to learn css.
CeS007 is offline
Reply With Quote
View Public Profile
 
Old 11-04-2010, 08:49 PM Re: Trying to get text beside logo
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,380
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
http://www.w3schools.com/css/

Stickied thread
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 11-06-2010, 11:26 AM Re: Trying to get text beside logo
Physicsguy's Avatar
404 - Title not found

Posts: 919
Name: Scott Kaye
Location: Ontario
Trades: 0
Quote:
Originally Posted by edgray View Post
Firstly, ditch the tables.
Secondly, ditch the <font> tags. Read down a bit.
__________________
Check out my
Please login or register to view this content. Registration is FREE
or my
Please login or register to view this content. Registration is FREE
!
Physicsguy is offline
Reply With Quote
View Public Profile
 
Old 11-06-2010, 12:34 PM Re: Trying to get text beside logo
Super Moderator

Posts: 1,584
Location: Kokkola, Finland
Trades: 1
some more reading for your pleasure:

http://www.htmldog.com
http://www.opera.com/company/education/curriculum/
http://www.w3schools.com/
http://www.cssbasics.com
http://www.sitepoint.com/article/htm...ginners-guide/
http://net.tutsplus.com/tutorials/ht...ode-your-first -website-in-easy-to-understand-steps/
davemies is offline
Reply With Quote
View Public Profile Visit davemies's homepage!
 
Reply     « Reply to Trying to get text beside logo
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.47341 seconds with 12 queries