New Topic Subscription Options |
Center Image
Forums: General Discussion | |||
|
|||
Participant: Log in to see names |
Tuesday, February 19, 2013 at 10:26 AM
I have always relied on "Image Properties" and "Alignment" to center images on my page. In the last year or so it seems the option to click "Center" is missing from the editor a good deal of the time (not always). Instead, I'm finding only "Left" or "Right" options available. I've tried editing with both Firefox and IE with the same results. A refresher on how to center items the correct way would be much appreciated.
|
||
|
|||
Participant: Log in to see names |
Tuesday, February 19, 2013 at 10:50 AM - Response #1
Please provide the URL (complete web address) of a page on which you are not seeing the Center option in the editor so we take a look.
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 2:43 PM - Response #2
I've activated the page I'm working on now: http://www.battlecreekcentral68.com/class_admin_pages_form.cfm?page_id=224571 The rose, the sailboat and the baby images are all giving me the option of "right" or "left" alignment only. I can only seem to get them close to where I want by "cheating" them into place by adding a lot of spaces.
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 2:55 PM - Response #3
On examining the problem, I can see that it is just that the editor can't do what you want exactly how you want to do it. You'll have to modify the Source view to achieve the exact look you want.
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 3:37 PM - Response #4
source view?
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 3:46 PM - Response #5
The HTML Source code for your page. Click the Source button in the upper left corner of the editor toolbar. Here's a resource to get you started: http://w3schools.com">http://w3schools.com
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 3:58 PM - Response #6
I used HTML briefly, but I just don't need it often enough to remember it. I was simply hoping to understand why the "center" option is in the editor sometimes and not others. I'll just use the workaround via tables I found earlier. Thanks anyway.
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 6:37 PM - Response #7
I can't see your page, but don't feel alone. Images are a PIA to work with - if you have text. The only reliable method is CSS but that's another jump to learn. Tables are a quick and effective method most of the time. Only problem is that browsers like Safari, mess up spacing. Using spaces should be minimized if possible, although I still use them a tiny bit at times I put tables inside of tables to fix the common issues - like centering. You can center the table and along with it the image. Images don't have 'center', just the align options, so that's why it's not there.
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 7:23 PM - Response #8
Jack, I've been checking out lots of CC websites lately looking for new content for my page. I've seen several homepages that appear to be having problems with the centering issue too. Some items look like the admin intended them to be centered, but they are hanging on the left margin. So, I guess the question now is...What did I do differently on my homepage that makes everything automatically center for me when the exact same images can't be centered unless I put them in a table on my "Classmate News" page
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 8:17 PM - Response #9
The answer is both simple and mysterious. Although you can't center images, you can center 'selected objects'. First make sure the image does not have any alignment. Image alignment properties should be 'not set'. So what you do is get the image selected by left click and drag across the image from top to bottom of the image. Hopefully it 'lights up' showing it's been selected. Now the centering option appears. Click it and image is centered. Sort of meant for text I think. If you have trouble getting the mouse to select, put a single character on top of the image and a single character below. Now left click drag from the top char to the bottom char. Click center tool as the image lights up. Carefully backspace the dummy characters to remove them. You can tell if you went too far since the image will jump back. One note to remember: You can't put text on the sides of an image centered that way. That's what the image options are for. Or you can use tables. Or you can use CSS. Hope that helps solve a mystery. That's how your other images got centered. If you ever get into source mode, you just need to put this around an image
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 8:27 PM - Response #10
Your grandparents section reminded me of a saying: There is only one prettiest baby and every mother has one. That should also be: There is only one prettiest grandchild and every grandparent has one.
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 8:48 PM - Response #11
Jack, LOL...are you ready for this ridiculously easy fix for all of this? I went to try your solution,(thank you again!) I added the sailboat to the bottom of my "Classmate News" page. (I saved it so you can see) It popped up...CENTERED!!! But! when I added the sailboat to the top of the page, it went back to the left. It appears that the trick for us non-HTML writers is to put a centered TABLE at the top of the page. The images that appear after the table will center automatically! Now, heaven help the soul who doesn't want the next image to be centered!
|
||
|
|||
Participant: Log in to see names |
Wednesday, February 20, 2013 at 9:26 PM - Response #12
The align center stuff is there. It propagated without your knowledge The editor has a mind of it's own or should I say it thinks it knows what you want. That's why source mode is a handy thing to figure this stuff out. Sometimes it's the only way to fix things. In the case of someone working with a centered image, all they have to do is apply the align property and it will override. That's pretty common when text wraps around an image. You wouldn't want the text to control the image alignment in that case. I still use tables since it's so quick and dirty In the end, all we need is a way to get what we want. I've done some silly things in hindsight, not knowing the 'right' way to do it.
|
||
|
New Topic |
Subscription Options: Have all new forum posts sent directly to your email. |
Subscription options are available after you log in. |