Runboard.com
Слава Україні!
Lost? Hover on Bookmarks!
Runboard Extra! The Runboard Directory Runboard Knowledge Base

Welcome to Runboard Support, the place to find help with your Runboard user account or message board.

If you can't find the answer you need with our search feature, ask here, and a member of staff will respond to you personally.

Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter

runboard.com       You are not logged in.

Page:  1  2 

 
stallions Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 04-2007
Location: uk
Posts: 40
Karma: 0 (+0/-0)
Reply | Quote
about positioning links


i am having a bit of trouble trying to position my link everytime they seem to come below each other i am trying to get them to position 1 on the left one in the ceter one on the right tryied verious codes in html and dont seem to be working can any one help please the code is

<font size=2><div class="sepbar"><a href="#" style="color:blue">Back To Top <img src="http://img.runboard.com/img/layouts/defj_1/top.gif" alt="Back To Top" style="margin-left:2px;height:11px;width:11px" align="center" border="0"></a></div></center>






<div align = left><h1><a href="http://www.tv-links.co.uk">TV LINKS</h1>
<div align = center><a href="="http://stableking.com/">
<img src="http://i163.photobucket.com/albums/t295/stallions_photo/STABLE_KING_ENTRY.gif" alt=" border=5 height="60px" width="110px"></H1></center>
<div align = right><h1><a href="http://www.msn.com">MSN</a><h1>




</body>
</html>

whats happening with this is i get

tv links
         stableking
           ---------msn
each time moving down the line instead of the first row

Last edited by stallions, 5/1/2007, 6:51 pm


---

5/1/2007, 6:49 pm Link to post Email stallions   PM stallions
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: about positioning links


<div> and <center> tags will automatically cause the text to drop down to the next line. <h#> and <p> tags will cause the text to drop down to the next line, along with added margin above and below. All of these tags are "block-level" elements, due to them creating a block (sorry, trying to put in layman's terms).

You can change these "block-level" elements to "inline"* elements via CSS, although you don't need any of those block-level tags here (aside from the one <div> that contains all three links), so there's no need to turn them into inline elements here.

* "inline" = in line with the surrounding text, as opposed to forced into a new block.

That said, is this what you want?

tv links stableking msn


...with tv links all the way to the left and msn all the way to the right? You could try this...

In your CSS section, add this:

.bottomlinks { text-align: center; font-weight: bold; }
.left { float: left; }
.right { float: right; }

In your HTML footer, change your link code to this:

<div class="bottomlinks">
<a class="left" href="http://www.tv-links.co.uk">TV LINKS</a>
<a class="right" href="http://www.msn.com">MSN</a>
<a href="http://stableking.com/">
<img src="http://i163.photobucket.com/albums/t295/stallions_photo/STABLE_KING_ENTRY.gif" alt="" border="5" height="60px" width="110px" /></a>

</div><!-- end bottomlinks -->

Yes, I realize I switched the last two links around, but it should put the links where you want them. Note that this is not the only way to do this, but just one of several different options.

Also notice where I bolded some things. You had an extra =" in one place and were missing stuff in other places. Also remember to always close off all your tags. For instance, if you don't close off a link, you could find yourself with a huge paragraph or more linking to someplace, instead of just plain text.

I hope this helps! emoticon

Last edited by Lesigner Girl, 5/1/2007, 11:05 pm


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/1/2007, 11:04 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
stallions Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 04-2007
Location: uk
Posts: 40
Karma: 0 (+0/-0)
Reply | Quote
Re: about positioning links


thanks very much u have been very helpfull

---

5/1/2007, 11:22 pm Link to post Email stallions   PM stallions
 
stallions Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 04-2007
Location: uk
Posts: 40
Karma: 0 (+0/-0)
Reply | Quote
Re: about positioning links


one more question how can i put the stableking link in the center the others are perfect now and i have added a extra link now which seems to stick to the first one how can i put a space between the links so they dont join together tried the spacer code but it drops the link down lol
doing a bit of reading but what it says in the book and what u type here dont work the right way lol

Last edited by stallions, 5/2/2007, 12:37 am


---

5/1/2007, 11:29 pm Link to post Email stallions   PM stallions
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

A Posting Machine

Registered: 03-2005
Location: Looking for my brain...
Posts: 3416
Karma: 143 (+154/-11)
Reply | Quote
Re: about positioning links


By taking away the class 'center' in the a-tag.
You can also remove it from your CSS

There is no such thing as float:center, it only works with left and right. That is why the bottomlinks class havce text-align:center.



---
~ Quickly, I must hurry, for there go my people and I am their leader ~
5/2/2007, 6:54 pm Link to post PM The Mooseman
 
stallions Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 04-2007
Location: uk
Posts: 40
Karma: 0 (+0/-0)
Reply | Quote
Re: about positioning links


thanks again for the help starting to sort it out now

---

5/3/2007, 1:58 am Link to post Email stallions   PM stallions
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: about positioning links


You're welcome, Stallions. emoticon

I see you now have 6 links. That can be accomplished by merely repeating the 3-link code, like this:

<div class="bottomlinks">
<a class="left" href...>___</a>
<a class="right" href...>___</a>
<a...>___</a>
</div>

<div class="bottomlinks">
<a class="left" href...>___</a>
<a class="right" href...>___</a>
<a...>___</a>
</div>

Obviously, that is a shortened version of the actual code, but I'm sure you know what comes after href, and what to fill in the ___ with.

I see you are also using <font>, <b>, <big>, and <center> tags within the "bottomlinks" div. Incidentally, you are also missing the closing </font> tags to go with those <font>s, but we can get rid of all of those tags completely. None of them are necessary, as you can easily (and should, imo) define all of that in your CSS...

.bottomlinks { text-align: center; font-weight: bold; font-size: 115%; clear: both; }
.bottomlinks a:link, .bottomlinks a:visited { color: #ffffff; }
.left { float: left; }
.right { float: right; }

Hopefully this should be self-explanatory, except for the clear part. clear: both; is used in order to clear floats, making sure the next <div> doesn't wrap around the previous "left" and "right" floats.

With the above CSS in place, you can get rid of all the <font>, <b>, <big>, and <center> tags (and their corresponding closing tags) in your HTML.

Edit to add: You are missing the dot in the .bottomlinks class in your CSS. Without the dot, that code will not work.

Last edited by Lesigner Girl, 5/4/2007, 12:49 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/4/2007, 12:47 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
stallions Profile
Live feed
Blog
Friends
Miscellaneous info

Registered user

Registered: 04-2007
Location: uk
Posts: 40
Karma: 0 (+0/-0)
Reply | Quote
Re: about positioning links


THANKS AGAIN

i have sorted it out in the end did not put anythink inn css
used only html but set it up in dreamweaver first and it worked thans again for all the help

---

5/4/2007, 2:32 am Link to post Email stallions   PM stallions
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
Reply | Quote
Re: about positioning links


You're very welcome, Stallions. emoticon

You know... If you don't want to use CSS, you could always put your links in a... uh... in a... dare I say it? A table. (OUCH!) But even though they're extremely easy to use for layout, I really do avoid tables like the plague, because there are so many things wrong with using them for anything other than tabular data.

I can't believe I just suggested that.

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
5/4/2007, 2:59 am Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

A Posting Machine

Registered: 03-2005
Location: Looking for my brain...
Posts: 3416
Karma: 143 (+154/-11)
Reply | Quote
Re: about positioning links


I must be dreaming emoticon

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
5/4/2007, 9:14 am Link to post PM The Mooseman
 


Add a reply

Page:  1  2 



You are not logged in (login)