Images Not Moving

User 2924428 Photo


Registered User
1,718 posts

Hey guy's, I have a code i've been using suddenly not working, can someone check this out for me?

http://torchlight.coffeecup.com/


#img3
{
position: left;
top: 0px;
left: 200px;
width: 400px;
height: 350px;
}
User 122279 Photo


Senior Advisor
14,625 posts
Online Now

Where is that image supposed to move to? If you mean becoming smaller when shown on a small screen, you need to come away from px widths and use % instead. And here I mean %-age of the containing element.

BTW, your block of text is not moving either.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 464893 Photo


Ambassador
1,611 posts

Your site is not responsive so why not place the image as absolute
ie position:absolute
then add positional information.
put it where you want

if you are gradually changing to responsive then follow what Inger is saying.
The Guy from OZ


User 2924428 Photo


Registered User
1,718 posts

Hey guy's, i'm just trying to move the image of the ticket to download lower than it is, but it stays at the very top of the page for some reason.. i'm not sure why?
User 187934 Photo


Senior Advisor
20,267 posts
Online Now

Try
position:absolute or relative

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

You guys were right, it's absolute positioning and it works! Thank you, I have to remember not to set my images to left or right now in css unless it's a responsive site ;)
User 38401 Photo


Senior Advisor
10,951 posts

Also remember to make sure that the container you placed it in has a position setting in the CSS so that the image doesn't float around the page when it's resized.

also you're missing a quotation mark at the end of this line in your head:

<meta name="keywords" content="torchlight, torchlight 2, mods, mod, modification, game, torchlight mod, torchlight mods, epoch, foldar, epoched, fizzmaster, fizzable, GUTS, GUTS mod>

should be:

<meta name="keywords" content="torchlight, torchlight 2, mods, mod, modification, game, torchlight mod, torchlight mods, epoch, foldar, epoched, fizzmaster, fizzable, GUTS, GUTS mod">

There's other issues, with your main css file not being able to be found (might be caused by the above quotation mark, we'll see), so I would highly suggest you validate your page as you go along here as there's some structural issues there.
User 2924428 Photo


Registered User
1,718 posts

Ok cool, thank you Jo Ann :) I'll fix it in a little while here, i'm just going through the new app's that I got from WoWSlider, does anyone know what the "Apycom Menu" is used for? It looks like it's a bunch of extra menu's but I don't know where to put them ..
User 38401 Photo


Senior Advisor
10,951 posts

It's all code menus, it's not a program so just extract that file somewhere on your computer where you put things for websites that you may want to use later. Then when you want to mess with it go to http://apycom.com and browse through all the menus shown there. Those are the demo versions so you can see what they look like and how they work. If you find one you like just go to that folder you extracted those menus to and find the one that's named the same as on that site. In that folder you'll find all the files for the menu. Put the files in your website project and position the menu as needed.
User 2924428 Photo


Registered User
1,718 posts

Wow that's awesome.. i'm going to have to check this out immediately ! :cool:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.