Free Republic
Browse · Search
General/Chat
Topics · Post Article

Skip to comments.

HTML & CSS Help Needed
http://www.alohatechsupport.net/webdesignmaui/maui-web-site-design/easy_jquery_auto_image_rotator.ht ^ | 1/22/13 | Blogger

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.


TOPICS: Computers/Internet
KEYWORDS: html
Navigation: use the links below to view more comments.
first 1-2021-4041-42 next last

1 posted on 01/22/2013 7:21:42 PM PST by Blogger
[ Post Reply | Private Reply | View Replies]

To: Blogger

us.homelinux.net is where my page is housed right now.

Wagstaff’s script is found in the article link.


2 posted on 01/22/2013 7:31:34 PM PST by Blogger
[ Post Reply | Private Reply | To 1 | View Replies]

To: Blogger
css language:

img.center { display: block; margin-left: auto; margin-right: auto; }

html:

img src="blahblahblah.jpg" alt="Blah" class="center"

Close enough?

3 posted on 01/22/2013 7:34:22 PM PST by Obama_Is_Sabotaging_America (IMPEACH OBAMA)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Blogger

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.


4 posted on 01/22/2013 7:39:21 PM PST by Obama_Is_Sabotaging_America (IMPEACH OBAMA)
[ Post Reply | Private Reply | To 2 | View Replies]

To: Obama_Is_Sabotaging_America

Yes. I have in my main folder my index.html page. It references the CSS style sheet which is in a folder called CSS.


5 posted on 01/22/2013 7:43:11 PM PST by Blogger
[ Post Reply | Private Reply | To 4 | View Replies]

To: Blogger

Surrounding things in old-fashioned center /center tags still works, too.


6 posted on 01/22/2013 7:43:33 PM PST by The_Reader_David (And when they behead your own people in the wars which are to come, then you will know...)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Blogger

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/


7 posted on 01/22/2013 7:44:26 PM PST by smokingfrog ( sleep with one eye open (<o> ---)
[ Post Reply | Private Reply | To 1 | View Replies]

To: The_Reader_David

not with this page :(


8 posted on 01/22/2013 7:46:53 PM PST by Blogger
[ Post Reply | Private Reply | To 6 | View Replies]

To: Obama_Is_Sabotaging_America

Your css worked great for a static image, but it busted up my existing class, class=”rotator”


9 posted on 01/22/2013 7:50:39 PM PST by Blogger
[ Post Reply | Private Reply | To 3 | View Replies]

To: Blogger

Can you give a link to the page you’re trying to correct?


10 posted on 01/22/2013 7:53:22 PM PST by mlizzy (If people spent an hour a week in Eucharistic adoration, abortion would be ended. --Mother Teresa)
[ Post Reply | Private Reply | To 1 | View Replies]

To: mlizzy

us.homelinux.net


11 posted on 01/22/2013 7:55:30 PM PST by Blogger
[ Post Reply | Private Reply | To 10 | View Replies]

To: Blogger

It looks beautiful on my screen... What are you trying to “correct”?


12 posted on 01/22/2013 8:06:02 PM PST by mlizzy (If people spent an hour a week in Eucharistic adoration, abortion would be ended. --Mother Teresa)
[ Post Reply | Private Reply | To 11 | View Replies]

To: mlizzy

I would like the rotating images to be in the center below the links.


13 posted on 01/22/2013 8:09:20 PM PST by Blogger
[ Post Reply | Private Reply | To 12 | View Replies]

To: mlizzy

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.


14 posted on 01/22/2013 8:11:08 PM PST by Blogger
[ Post Reply | Private Reply | To 12 | View Replies]

To: Blogger

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’:

http://www.htmlgoodies.com/


15 posted on 01/22/2013 8:13:17 PM PST by spel_grammer_an_punct_polise (Learn three chords and you, too, can be a Rock Star!)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Blogger
On my screen, your rotating images are centered perfectly. Looks very nice. As a matter of personal taste, I'd probably take out a space or so above the rotating images (close it up in other words) and take out a few spaces below the images (again, to get rid of the extra space)...

Dang, I wish I could do this... I should grab your code. :)
16 posted on 01/22/2013 8:19:20 PM PST by mlizzy (If people spent an hour a week in Eucharistic adoration, abortion would be ended. --Mother Teresa)
[ Post Reply | Private Reply | To 13 | View Replies]

To: mlizzy

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.


17 posted on 01/22/2013 8:21:53 PM PST by Blogger
[ Post Reply | Private Reply | To 16 | View Replies]

To: mlizzy

They aren’t centered for me.


18 posted on 01/22/2013 8:30:35 PM PST by Kirkwood (Zombie Hunter)
[ Post Reply | Private Reply | To 16 | View Replies]

To: Blogger

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.


19 posted on 01/22/2013 8:32:22 PM PST by mlizzy (If people spent an hour a week in Eucharistic adoration, abortion would be ended. --Mother Teresa)
[ Post Reply | Private Reply | To 17 | View Replies]

To: Blogger

The rotating images are centered on my screen. Sounds like an issue with your browser not reading the html or css properly.


20 posted on 01/22/2013 8:33:10 PM PST by spel_grammer_an_punct_polise (Learn three chords and you, too, can be a Rock Star!)
[ Post Reply | Private Reply | To 17 | View Replies]


Navigation: use the links below to view more comments.
first 1-2021-4041-42 next last

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.

Free Republic
Browse · Search
General/Chat
Topics · Post Article

FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson