HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Need advice with image alignment
Post new topic   Reply to topic    HTML Help Forum Index -> MySpace
View previous topic :: View next topic  
Author Message
ConnorJ



Joined: 23 Nov 2008
Posts: 5

PostPosted: Sun Nov 23, 2008 9:09 pm     Need advice with image alignment Reply with quote

Ok, I wanted to post my gamercard on myspace and I noticed that mygamercard.net has an NXE theme which is really cool. So I'd thought it'd be kinda cool if I took the bottom half of my avatar and aligned it with the photo on the actual gamercard, but it's not as easy as I thought.



this is as far as I got. any advice would be awesome.

also, this is my first post. I'm here to actually learn more html, not to just get help with this.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Mon Nov 24, 2008 5:42 am     Reply with quote

MySpace has no concept of proper HTML/CSS coding. Razz Is the game card generated via script or can you download it and use a graphics editor? What I was thinking is to just make a new image with the bottom half of your Avatar. Then just code the new image into where the old one is. Lot easier than messing with HTML and MySpace quirks.
ConnorJ



Joined: 23 Nov 2008
Posts: 5

PostPosted: Mon Nov 24, 2008 8:43 pm     Reply with quote

PayneLess Designs wrote:
MySpace has no concept of proper HTML/CSS coding. Razz


hahaha this is very very true. and the gamercard is generated through a script. when I unlock an achievement and points are added to my gamerscore, that card updates as well.(god, that sounded really nerdy)

I already aligned and cut out what would be the bottom of the avatar. so its just a matter of getting it where it needs to go. but, if need be I dont think i'd really have a problem with downloading the gamercard as an image and then attaching the bottom half of the avatar and changing it every now and then when my gamercard is updated.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Tue Nov 25, 2008 5:53 am     Reply with quote

Do you have just the JavaScript code for card, avatar image link and any container code for card and avatar image? Maybe I can come up with something that may work.
ConnorJ



Joined: 23 Nov 2008
Posts: 5

PostPosted: Tue Nov 25, 2008 8:43 pm     Reply with quote

Code:
<a href="http://profile.mygamercard.net/a+narwhal">
<img src="http://card.mygamercard.net/nxe/a+narwhal.png" border=0>
</a>


would be the code. so, i suppose it's an image linked to the site. so every time the site updated, so does the image. so, thinking back, it's no a script. I have no idea why I said that. wow.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Tue Nov 25, 2008 11:45 pm     Reply with quote

No script might make it easier. Razz Let me see what I can come up with if I can get your card and image to display ok here. What's link to the Avatar half you want to use?

Last edited by PayneLess Designs on Tue Nov 25, 2008 11:54 pm; edited 1 time in total
ConnorJ



Joined: 23 Nov 2008
Posts: 5

PostPosted: Tue Nov 25, 2008 11:46 pm     Reply with quote

thanks, dude! it is much appreciated.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Tue Nov 25, 2008 11:56 pm     Reply with quote

Need link to the Avatar half you want to use.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Wed Nov 26, 2008 1:09 am     Reply with quote

Code:
<div style="width: 300px; margin: 0 auto;">
<a href="http://profile.mygamercard.net/a+narwhal"><img style="width: 300px; height: 135px; border: 0;" src="http://card.mygamercard.net/nxe/a+narwhal.png" alt="Game Card"><div style="width: 300px; height: 134px;"><img style="width:109px height: 134px; padding-left: 199px; border: 0;" src="http://img399.imageshack.us/img399/7858/connorjtransox3.png" alt="Avatar"></div></a></div>
Looked good in Firefox and IE.

Alternate image link:
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Wed Nov 26, 2008 7:37 pm     Reply with quote

Code work or not?
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Sat Nov 29, 2008 5:37 pm     Reply with quote

Guess you either died or code didn't work. Problem with providing some feedback here?
ConnorJ



Joined: 23 Nov 2008
Posts: 5

PostPosted: Mon Dec 01, 2008 7:42 pm     Reply with quote

no, I'm alive. I'm sorry, I've just been busy with school and work. I'm going to test it now.

---edit----

worked perfectly. thank you very very much!
PayneLess Designs



Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS

PostPosted: Tue Dec 02, 2008 2:28 am     Reply with quote

You're welcome. Ah, school! I remember that. Razz

Please be sure to download the bottom part of your avatar at http://img399.imageshack.us/img399/7858/connorjtransox3.png as it may get deleted when I go through and periodically delete images I no longer use or need (or think I do).

Glad it worked for you.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> MySpace All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial