Centering objects: Need Help - Post...

User 439426 Photo


Trial User
10 posts

Hi,
I am using HTML Editor 2008 and I am having an issue with centering. For example, if I import an image and drag it to where I want it to be on the page, when I select the 'preview' tag it looks fine but when I preview it in my default browser the image is to the left of where it should be. If i click on image properties and then 'align' there is no option for centering as there is in Dreamweaver and other HTML editors. What am I doing wrong? How to I get the imported objects to center?
Thanks much,
Matt
:)
User 1892988 Photo


Registered User
151 posts

Remove the

LEFT: ..px


out of the image line and you will be fine.

Not this:
<p align="center"><img style="Z-INDEX: 100; POSITION: absolute; TOP: 11px; LEFT: 106px" border="0" alt="" align="middle" src="file://C:\Program Files\CoffeeCup Software\Graphics\CoffeeCup Graphics Pack Samples\Green\globe.png" width="38" height="78"></p>


But this:
<p align="center"><img style="Z-INDEX: 100; BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; BORDER-TOP: medium none; TOP: 11px; BORDER-RIGHT: medium none" alt="" align="middle" src="file://C:\Program Files\CoffeeCup Software\Graphics\CoffeeCup Graphics Pack Samples\Green\globe.png" width="38" height="78"></p>


I hope this will do the trick.
HTML Editor, Visual Site Designer, Web Form Builder, Picture Gallery, Fire Starter,
News Reader, Web Access Manager, Password Wizard

asaruba.com
beholdmyvision.com
User 439426 Photo


Trial User
10 posts

I apologize but this didn't work for me. I am completely flummoxed by this as it seems it shouldn't be that hard of an issue to fix. If I add an image to an existing webpage template and then preview it in my browser, the positioning is all askew. Depending on the browser, perhaps a little or perhaps a lot. Is there an easy way for me to be able to import images into my current page in the visual editing screen and then have it 'stick' to the same position when I preview it? Any solution would be greatly appreciated because I have watched all tutorials but nothing like this is mentioned. Is a DIV tag that I need to create? Please help!
User 439426 Photo


Trial User
10 posts

Actually, to be honest, what I really want to be able to do is add text onto the template. Create an 'editable region' that 'sticks' to the same position as the template below it. Is this possible?
User 1892988 Photo


Registered User
151 posts

Did you started your image with

<p align="center">


If not, the removal of the "left=" is will not work.

Thus not: ...TOP: 11px; LEFT: 106px"
But::...TOP: 11px"

More than the above I can't advice you. More experienced users might help you out here.
HTML Editor, Visual Site Designer, Web Form Builder, Picture Gallery, Fire Starter,
News Reader, Web Access Manager, Password Wizard

asaruba.com
beholdmyvision.com
User 2896679 Photo


Registered User
7 posts

Simpler aspect of centering problem: When I highlight some text in the body area and use "Format->Center" on the menu, it generates code <div align="center"> </div>.
Then when I use Tools->Code Diagnostics" on the menu, it complains
"<div> attribute "align" not allowed for HTML5"
Instead, I use <div style="text-align:center"> which works.
Using "Document->Validate HTML" from the menu gives the same advice.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.