Posted on 01/22/2013 7:21:39 PM PST by Blogger
Trying to use Dylan Wagstaff's Rotator at us.homelinux.net. I can't get my main image centered. It's been years since I've done webpages, so I am a complete newbie at CSS. Any help is appreciated.
I tried to do what he suggested in his page, but to no avail. Sure it is my lack of knowledge, but can someone tell me what I need to modify and how I need to modify it?
Been playing around with it for hours and can't figure it out.
us.homelinux.net is where my page is housed right now.
Wagstaff’s script is found in the article link.
img.center { display: block; margin-left: auto; margin-right: auto; }
html:
img src="blahblahblah.jpg" alt="Blah" class="center"
Close enough?
You do have two separate page types in your folder.. One for the css, and one for the html which references the .css code from the .css page.. The html page is for content and images and the .css page is for structure.
Yes. I have in my main folder my index.html page. It references the CSS style sheet which is in a folder called CSS.
Surrounding things in old-fashioned center /center tags still works, too.
SYNTAX
The float CSS property can accept one of 4 values: left, right, none, and inherit.
http://coding.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/
not with this page :(
Your css worked great for a static image, but it busted up my existing class, class=”rotator”
Can you give a link to the page you’re trying to correct?
us.homelinux.net
It looks beautiful on my screen... What are you trying to “correct”?
I would like the rotating images to be in the center below the links.
And thank you. The base template is a free template online. Can’t take too much credit for it. But the images are mine for our church.
On the following site I think that you will be able to find what you need. There are links on the left-hand side of the page for ‘cascading style sheets’ and ‘css keywords’:
Go for it :) It was free too. Again, I’m a newbie to CSS. Started with HTML probably 15 years ago and when the company we had designing our new website just didn’t satisfy, guess who got drafted :) I’m learning, but this one is frustrating. Not centered on my page at all. All the way to the left.
They aren’t centered for me.
Ha! Drafted! Well, you’ve done a nice job over this-a-way... so I don’t know how to help. I love all the images, but especially the Fight, Finish, Faith shot and the group shot too. Nice work... We’re on Linux Ubuntu using Firefox if that is helpful, and like I said, it’s all right-on and centered.
The rotating images are centered on my screen. Sounds like an issue with your browser not reading the html or css properly.
Disclaimer: Opinions posted on Free Republic are those of the individual posters and do not necessarily represent the opinion of Free Republic or its management. All materials posted herein are protected by copyright law and the exemption for fair use of copyrighted works.