WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 How to centre an image for all browsers? on Wed Jun 01, 2011 11:14 pm

lisa1302


Registered Member
Registered Member
Hi!!

I hope someone can help me here!

http://www.babiesandall.com/ you can see my flash banner at the top there - I have actually placed it in the header template and have a blank image (of the same dimensions as the swf) set as main logo in pics management...I have ended up doing it this way because for some reason if I put it in site description (as per tut on FM) it screwed up where everything else was.

So currently my div is this
<div id="toplogo">
<embed src="HTTP://www.babiesandall.co.uk/4thflashbanner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="270"></embed>
</div>

and my css
#toplogo {
position: absolute;
right: 250px;
top: 20px;
}

That places it central on my screens, but thats widescreen, and it doesn't sit central on another I checked scratch

How can I , if I can at all, get the image to sit 20px from the top and also be be central?

Thank you!!!!!!!

2 Re: How to centre an image for all browsers? on Thu Jun 02, 2011 2:34 am

RockerMan

avatar
Technician
Technician
Remove the top and right properties and replace them with this:

Code:
margin: 0 auto;

Hope this helps,
Rob Wink


_________________


No support via. PM, as they will just be deleted
http://www.graphics-post.com/

3 Re: How to centre an image for all browsers? on Thu Jun 02, 2011 2:42 am

lisa1302


Registered Member
Registered Member
thanks...but it just sat on the left when I did that scratch

4 Re: How to centre an image for all browsers? on Tue Jan 14, 2014 9:19 am

peterlee


Registered Member
Registered Member
Yup indeed. Or you can install a manual image web viewer into the browser which allows user to customize the position of the image. You can view images wherever you want in the browser. Google it and have a try. I hope you success. Good luck.



Best regards,
Arron

5 Hope it helps... on Sun Feb 23, 2014 7:12 pm

torsuntsu

avatar
Registered Member
Registered Member
Try this:
#toplogo {
justify-content:center;
}

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum