Multi
Multi
HTML code help.; How do you link codes side by side?
Topic Started: Sunday, 10. January 2010, 00:51 (361 Views)
HYAMIE
Member Avatar
Level 1
How do you link one HTML code right beside another one???

I really need to know -___- so I can fix my site. It looks like crap.
http://www.mariokartwii.com/members/the-titan/albums/titans-album-stuff/40602-kt-sig-rendered.png
Off
Profile
Quote
Top
 
Cody
Member Avatar
Winter is coming.
I'm not sure if I know exactly what you're asking for, could you show me an example?
Posted Image
Posted Image
Off
Profile
Quote
Top
 
Joe
Member Avatar
Hi.
Float one to the left, and the other to the right?
Joe
Off
Profile
Quote
Top
 
FallenShadow
No Avatar
The Stoner Artist
A link to your site of at least the piece of code you're wanting to fix would be helpful.
www.FallnShadw.com
Personal and Professional Portfolio. Officially Open.
Off
Profile
Quote
Top
 
HYAMIE
Member Avatar
Level 1
www.titansworld.tk I want to put my Xat chat and Ustream portal, Right beside each other horizontally, instead of on top of each other vertically, like they are currently.. I saw someone do it on another site, but IDK how they did it :furious:

<center><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="488" height="300" name="chat" FlashVars="id=81338773" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=81338773">Go Large!</a></small><br></center>

<center><div style="border:7px solid #38383b;width:480px;height:586px;-moz-border-radius:5px;-webkit-border-radius:5px;"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="586" id="utv589220"> <param name="flashvars" value="cid=589220"/> <param name="allowfullscreen" value="true"/> <param name="allowscriptaccess" value="always"/> <param name="bgcolor" value="#000000"/> <param name="movie" value="http://www.ustream.tv/flash/videofeedwidget.swf"/> <embed flashvars="cid=589220" width="480" height="586" allowfullscreen="true" allowscriptaccess="always" bgcolor="#000000" id="utv589220" name="utv_n_589220" src="http://www.ustream.tv/flash/videofeedwidget.swf" type="application/x-shockwave-flash" /> </object> </div></center>

^ those are the codes. If I can link them to float beside one another, It would be sweet. :P
http://www.mariokartwii.com/members/the-titan/albums/titans-album-stuff/40602-kt-sig-rendered.png
Off
Profile
Quote
Top
 
ZeroLouise
Member Avatar
Level 3
Links can be done like this.

<a href=''>Link Name</a> <a href='">Link Name</a>

or for Vertical

<a href=''>Link Name</a> <br />
<a href=''>Link Name</a>
Posted Image
Off
Profile
Quote
Top
 
Chesterfield
Member Avatar
Level 12
ZeroLouise
Sunday, 10. January 2010, 15:01
Links can be done like this.

<a href=''>Link Name</a> <a href='">Link Name</a>

or for Vertical

<a href=''>Link Name</a> <br />
<a href=''>Link Name</a>
This. You'll have to style the padding and stuff though :P .

Can I mark this as solved?
Off
Profile
Quote
Top
 
Matt
Member Avatar
Level 6
I think he's wanting something along the lines of this.

Code:
 
<div id='whatever'><div id='xatchat' style='float: left;'> PUT XATCHAT HERE </div><div id='other' style='float: right;'> PUT OTHER STUFF HERE. </div></div>


Sorry if that looks all out of whack, but yeah... he's wanting the two codes to appear BESIDE each other, which really has nothing to do with the <a> tags. It's just a matter of shoving the codes within a floating div.

Edit: Of course, you'd still have to style a bit to make it all match, but still.
Edited by Matt, Monday, 11. January 2010, 22:29.
Message Me:
Telegram - Twitter - Discord


Projects:
Forum Hosting
Off
Profile
Quote
Top
 
ZeroLouise
Member Avatar
Level 3
GothX
Monday, 11. January 2010, 22:28
I think he's wanting something along the lines of this.

Code:
 
<div id='whatever'><div id='xatchat' style='float: left;'> PUT XATCHAT HERE </div><div id='other' style='float: right;'> PUT OTHER STUFF HERE. </div></div>


Sorry if that looks all out of whack, but yeah... he's wanting the two codes to appear BESIDE each other, which really has nothing to do with the <a> tags. It's just a matter of shoving the codes within a floating div.

Edit: Of course, you'd still have to style a bit to make it all match, but still.
He wasn't specific enough, thus why I used links. And I think he even stated links.
Posted Image
Off
Profile
Quote
Top
 
Matt
Member Avatar
Level 6
HYAMIE
Sunday, 10. January 2010, 14:53
I want to put my Xat chat and Ustream portal, Right beside each other horizontally, instead of on top of each other vertically, like they are currently.
He did at first, and I understand where you were pointing out, because it is correct, and if I hadn't of looked closely within that post, I would have just passed through.
Message Me:
Telegram - Twitter - Discord


Projects:
Forum Hosting
Off
Profile
Quote
Top
 
coolguy123
No Avatar
Level 1
im not coding man
Off
Profile
Quote
Top
 
Cody
Member Avatar
Winter is coming.
Your topic has been marked resolved or inactive. If the problem persists or reappears, feel free to request Live Support or repost your topic.
Posted Image
Posted Image
Off
Profile
Quote
Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Resolved Issues · Next Topic »

Welcome Guest [Log In] [Register]
Outline Live
Loading..
Loading..