User lookup help

[tylerta98]

Here is the link to my lookup. http://www.neopets.com/ul_preview.phtml?user=tylerta98
I was wondering how I can get it so that the text before the avatars is centered next to the image instead of at the bottom corner of each image. So, the image would be centered on the line rather than resting on the bottom of the line. I also want there to be space between the text and image so that they're not right next to each other. Finally, how do I insert an image link back to someone at the bottom of a page? Does it need a table? Thanks so much, coding hurts my head. :sad01_anim:

This topic has been edited by a member of staff (Spritzie).
This topic was posted in the wrong area.
Please check your user inbox to see if you have been contacted regarding this topic.
Per the reason above, this topic has been MOVED from 'Neopets Help' to 'Computers & Programming'.

[Anukai]

What do you mean by "the text before the avatars"? Everything on your lookup, except for the text in your user info module, seems to be centred already. I'd love to help, but I need a bit of clarification first. :3

[Mouseykins]

If you could maybe provide a screenshot of the area you're inquiring about, I might be able to help.

 

For the second request what you need to do is insert your image using html, make sure it's at the bottom of your html codes to make it easier. Code it in like this:

<img id=NAME" SRC="URL">

NAME is what you want to call it and URL is the image url, pretty straight forward.

 

The next part is a little tricky and goes in your <style> tags as it's CSS:

#NAME {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
}

For margins you can also use right and bottom, or whichever combination. Where it has 0px, you'll need to use trial and error until you get your image in just the right spot. Using the code above to move it right increase the values for margin-left and to move it left decrease the values. You can have negative values as well. Do the same for top and with some fiddling around you should be able to get it where you want it. I hope this helps. :)

[tylerta98]

What do you mean by "the text before the avatars"? Everything on your lookup, except for the text in your user info module, seems to be centred already. I'd love to help, but I need a bit of clarification first. :3

Kay sorry, I changed my lookup between then and now but say if I had some regular text on a line and an image right after, an avatar for example. The bottom of the image would line up with the bottom of the letters but I want it so that the text lines up with the middle of the image. Is that even possible?

 

If you could maybe provide a screenshot of the area you're inquiring about, I might be able to help.

 

For the second request what you need to do is insert your image using html, make sure it's at the bottom of your html codes to make it easier. Code it in like this:

<img id=NAME" SRC="URL">

NAME is what you want to call it and URL is the image url, pretty straight forward.

 

The next part is a little tricky and goes in your <style> tags as it's CSS:

#NAME {
width: 0px;
height: 0px;
margin-left: 0px;
margin-top: 0px;
}

For margins you can also use right and bottom, or whichever combination. Where it has 0px, you'll need to use trial and error until you get your image in just the right spot. Using the code above to move it right increase the values for margin-left and to move it left decrease the values. You can have negative values as well. Do the same for top and with some fiddling around you should be able to get it where you want it. I hope this helps. :)

For name, do I put something like footer? My <style> tags are near the top of the code, can I put it before the end of the style tag? I don't have to make a new style tag do I? I'll try all this, thanks!

[Mouseykins]

you can name it whatever you like, just make sure it's the same for both parts and for the css bit you can put that at the end of your style tags in the same section. You don't need separate style tags for it. I wouldn't call it footer though as there's already a neo element with that name.

 

For aligning your text and images you'll need to use a table.

[tylerta98]

you can name it whatever you like, just make sure it's the same for both parts and for the css bit you can put that at the end of your style tags in the same section. You don't need separate style tags for it. I wouldn't call it footer though as there's already a neo element with that name.

 

For aligning your text and images you'll need to use a table.

it's all really confusing to me. Can I message you later? Neomail or...? Thanks btw

[Mouseykins]

If the table is what's confusing try checking out w3schools, they're a great coding resource. If you still need help, PM me with your code. :)

Good Luck!