html help

biferi

Daemon Poster
Messages
690
If I use the code

<center>
<img src="photo A2.jpg" width="550" alt="" border="0" align="">
</center>

My photo does show up on the web page and is Centered.
But if I use the code


<img src="photo A2.jpg" width="550" alt="" border="0" align="">

My photo stills shows up on the web page but goes to the Left side and this is by default I gt this.

But why does this code not work

<RIGHT>
<img src="photo A2.jpg" width="550" alt="" border="0" align="">
</RIGHT>

After all the code

<center>
<img src="photo A2.jpg" width="550" alt="" border="0" align="">
</center> worked to center the photo
 
I saw this somewhere before, and as I said before, <right> is not a valid tag.

I believe if you use <div align="right"><img /></div> it should work.
 
hello

use CSS to control the positions of your page elements, it is better to you

for example:

Code:
<head>
[COLOR="DarkRed"]<style>[/COLOR]
#image {
          [COLOR="Magenta"]width:[/COLOR][COLOR="Navy"]640px[/COLOR][COLOR="Magenta"];[/COLOR]
          [COLOR="Magenta"]height:[/COLOR][COLOR="navy"]480px[/COLOR][COLOR="magenta"];[/COLOR]
          [COLOR="Magenta"]background-image:[/COLOR][COLOR="navy"]url(image url goes here)[/COLOR][COLOR="magenta"];[/COLOR]
          [COLOR="magenta"]float:[/COLOR][COLOR="navy"]right[/COLOR][COLOR="magenta"];[/COLOR]
}
[COLOR="darkred"]</style>[/COLOR]
</head>
<body>
<div id="image"></div>
</body>

the last code will make your picture appear on the right side of the page - if it is empty - .


to make it apear in center replace CSS code by this:

Code:
#image {
          [COLOR="Magenta"]width:[/COLOR][COLOR="Navy"]640px[/COLOR][COLOR="Magenta"];[/COLOR]
          [COLOR="Magenta"]height:[/COLOR][COLOR="navy"]480px[/COLOR][COLOR="magenta"];[/COLOR]
          [COLOR="Magenta"]background-image:[/COLOR][COLOR="navy"]url(image url goes here)[/COLOR][COLOR="magenta"];[/COLOR]
          [COLOR="Magenta"]margin:[/COLOR][COLOR="Navy"]0px auto 0px auto[/COLOR][COLOR="Magenta"];[/COLOR]
}
 
CSS is better to control the styling, however there you're putting the actual image in the CSS, which I would argue is counter intuitive. Images should only be put in the CSS if they're commonly used background images - hence the name of "background-image"!
 
html>
<body>

<p>An image
<img src="hackanm.gif" align="bottom" width="48" height="48" />
in the text.</p>

<p>An image
<img src="hackanm.gif" align="middle" width="48" height="48" />
in the text.</p>

<p>An image
<img src="hackanm.gif" align="top" width="48" height="48" />
in the text.</p>

<p><b>Note:</b> The bottom alignment is the default!</p>

<p>An image
<img src="hackanm.gif" width="48" height="48" />
in the text.</p>

<p><img src="hackanm.gif" width="48" height="48" />
An image before the text.</p>

<p>An image after the text.
<img src="hackanm.gif" width="48" height="48" /></p>

</body>
</html>


You just need to put your direction where you past the image. You can do it easily



Wholesale Wedding Bands
Diamond Platinum Wedding Bands
 
Back
Top Bottom