Little help - Webmaster Forum - Web Design, Programming and SEO forums

06-25-2007, 02:33 AM

.Essence.

Status: Member
Join date: Aug 2006
Location:
Expertise:
Software:

Posts: 149

iTrader: 2 / 100%

.Essence. is on a distinguished road

Little help

<html>
<head>
<title> Tutorial Rewards - Coming Soon!</title>
<body bgcolor="101010">
</head>
<body>
<img src ="http://easyupload.us/uploads/images/63cba830c8f819142f773d9d297cc2dc.png"
align="center">
</body>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1757589-2";
urchinTracker();
</script>
</html>

Why isn't my image actually centered?

www.tutorialrewards.com

New to coding as you probably can tell

06-25-2007, 03:10 AM

CreativeLogic

Status: Request a custom title
Join date: Feb 2005
Location:
Expertise:
Software:

Posts: 1,078

iTrader: 6 / 100%

CreativeLogic is on a distinguished road

Because the align attribute on the img element does not work that way. It aligns the text around it the image. Your quickest fix is to change it to this:
<div align="center"><img src ="http://easyupload.us/uploads/images/63cba830c8f819142f773d9d297cc2dc.png"></div>

06-25-2007, 03:10 AM

Andrew R

Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:

Posts: 5,200

iTrader: 17 / 95%

Andrew R is on a distinguished road

Code:

<html>
<head>
<title> Tutorial Rewards - Coming Soon!</title>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
</head>
<body style="background:#101010;text-align:center;">
<img src ="http://easyupload.us/uploads/images/63cba830c8f819142f773d9d297cc2dc.png">
</body>
<script type="text/javascript">
_uacct = "UA-1757589-2";
urchinTracker();
</script>
</html>

Try that out, it should work.

06-25-2007, 03:20 AM

.Essence.

Status: Member
Join date: Aug 2006
Location:
Expertise:
Software:

Posts: 149

iTrader: 2 / 100%

.Essence. is on a distinguished road

Originally Posted by CreativeLogic

Originally Posted by Andrew R

Code:

<html>
<head>
<title> Tutorial Rewards - Coming Soon!</title>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
</head>
<body style="background:#101010;text-align:center;">
<img src ="http://easyupload.us/uploads/images/63cba830c8f819142f773d9d297cc2dc.png">
</body>
<script type="text/javascript">
_uacct = "UA-1757589-2";
urchinTracker();
</script>
</html>

Try that out, it should work.

Thank you both

Staff positions well deserved as well guys

06-25-2007, 04:24 AM

TheCodeNinja

Status: Junior Member
Join date: Apr 2007
Location:
Expertise:
Software:

Posts: 95

iTrader: 1 / 100%

TheCodeNinja is on a distinguished road

Note that "text-align: center" is primarily meant for text, but you can use it for images as well (at least for now). If you want it to work in all browsers and be more correct, you should also apply:

style="margin: 0 auto"

...to the image itself. But I'm a pedantic Code Ninja.

06-25-2007, 06:19 AM

Haris

Status: Request a custom title
Join date: Dec 2005
Location:
Expertise:
Software:

Posts: 2,741

iTrader: 9 / 100%

Haris is on a distinguished road

Only IE renders text-align wrong. It aligns everything except text in IE because of which it is often used as a hack.

06-25-2007, 04:07 PM

Andrew R

Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:

Posts: 5,200

iTrader: 17 / 95%

Andrew R is on a distinguished road

TheCodeNinja: I usually use it for text, but most of the times when I use it with text, there is an image above it. I was thinking of using margin: 0 auto;, but I couldn't recall if the img tag uses the image dimensions and has a predefined height and width or not.