1 posted on
01/22/2013 7:21:42 PM PST by
Blogger
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
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?
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...)
To: Blogger
7 posted on
01/22/2013 7:44:26 PM PST by
smokingfrog
( sleep with one eye open (<o> ---)
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)
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/
To: Blogger
The reason the margin-left: auto; margin-right: auto; is not working is because you have the width: 100%. It needs to be a pixel value, the size of your images plus whatever border you have. The margin to the left and right of a 100% wide block is going to be zero. If the block is smaller than the width of the page (i.e. width: 900px) then the auto margins will fill in equally on left and right thereby centering your <div>
To: Blogger
too many errors to go into here. Open your page in Firefox browser, go to Tools > Web Developer > Error Console to view list. You're using HTML declarations in CSS, which won't work... the browser just drops the declaration if it doesn't recognize. See the error console to find where they are.
Don't use the div tags as margin/padding around your images (such as the rotator image.) Use the margin and padding properties applied to the element that holds the rotator. Apply margin-left: auto; margin-right: auto; to center rather than "align: center" (which is HTML, not CSS).
30 posted on
01/22/2013 9:00:35 PM PST by
ponygirl
(Be Breitbart.)
To: Blogger
I can fix that for you. I’ll Freepmail you the PayPal account to send the $500.00 to.
32 posted on
01/22/2013 9:09:22 PM PST by
Jeff Chandler
(http://www.youtube.com/watch?v=tpAOwJvTOio)
To: Blogger
CSS I can’t help you with but for html search FR for a thread called html sandbox
34 posted on
01/22/2013 9:27:53 PM PST by
gunsequalfreedom
(Conservative is not a label of convenience. It is a guide to your actions.)
To: Blogger
...rotator code
Use only one div ... not div id=rotator and div class=rotator in your css style use: #rotator { width: 745px; height: 345px; margin: 0 auto; } Remove the other references to rotator
36 posted on
01/22/2013 9:39:50 PM PST by
willyd
(Don't shoot, we're Republicans!)
To: Blogger
A little off topic, but . . .
If the page is displaying correctly in some browsers but not others, it may be because the browser is not compatible with the CSS. For example, if you want the dwindling number of Explorer 6.0 users to see your page correctly displayed, you may have to write some E6.0-specific CSS code.
To check and see how your page will display in different browsers, you can use free Internet tools such as Adobe Browser Lab or BroswerShots.
42 posted on
01/23/2013 4:36:37 AM PST by
Scoutmaster
(End it now - enditmovement.com)
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson