HTML Forum

**fensi88** · 05:35 AM

I have problem with this code:
<IMG SRC="smilea.gif" align="middle" width="15" height="15">
Page:http://www.astrosport07.webs.com/crocop.html

At the end of page smiley pic in EI is align middle, but in Mozilla Firefox it is align bottom? What to do to fix that in MF?

I suppose this is outdated code, so give me new one.

Thanks for your explanation and time.

**chrishirst** · 12-03-2011, 05:57 AM

align is a deprecated attribute that defined the horizontal alignment. The allowed values are left|right|center

Quote:

I suppose this is outdated code, so give me new one.

Frightfully sorry but we are not here for you to give orders to!!!!!

**fensi88** · 12-03-2011, 09:42 AM

Quote:

Originally Posted by chrishirst

Frightfully sorry but we are not here for you to give orders to!!!!!

Of course, you are apsolutely right!

Quote:

align is a deprecated attribute that defined the horizontal alignment. The allowed values are left|right|center

I put "center" but still in MF pic is bottom regarding the text? Do you have another suggestion?

**fensi88** · 10:01 AM

I found on Internet this code: align="absmiddle" and only when I use it I get what I want=same in EI and MF!

**Physicsguy** · 12-03-2011, 10:41 AM

Try playing around with CSS Floats (please google it, I'm on mobile). Also, when you use floats, make sure to clear: them so the other elements in the page flow around it properly.

**chrishirst** · 12-03-2011, 10:56 AM

vertical-align is the CSS property you need to use along with display: table-cell on the parent element.

**fensi88** · 12-03-2011, 12:34 PM

Quote:

Originally Posted by Physicsguy

Try playing around with CSS Floats (please google it, I'm on mobile). Also, when you use floats, make sure to clear: them so the other elements in the page flow around it properly.

I found this one:
<img class="floatright" src="smilea.gif" alt="" width="15"
height="15"> I put it on my page and it works! Excellent! Thanks!

**fensi88** · 12-03-2011, 12:59 PM

Quote:

Originally Posted by chrishirst

vertical-align is the CSS property you need to use along with display: table-cell on the parent element.

I found this it works also:
<img SRC="smilea.gif" style="vertical-align:middle" width="15" height="15">

Thanks for suggestion!

**davemies** · 12-03-2011, 02:36 PM

btw do you realise how uncomfortable that bold white serif text is to read against a black background?

bold should be used selectively, and try a very light grey on black instead of pure white

**fensi88** · 06:33 PM

Quote:

Originally Posted by davemies

btw do you realise how uncomfortable that bold white serif text is to read against a black background?

bold should be used selectively, and try a very light grey on black instead of pure white

Thanks for pointing that out, I made changes but put gray as background and black fonts. My page is best view in IE. For example I do not know why that text upon pic for example "(Photo:http://www.bloodyelbow.com)" is small in IE as I want to be and is so big in MFirefox which I do not like? How to fixed that? It si about that code:
<CENTER>(Photo: http://www.bloodyelbow.com) </center>
Or is it something about setings in my MF?

**serandfae** · 12-03-2011, 08:30 PM

First, the phrase "best viewed in...(insert browser name)" has not been used since 2002 at the latest. And neither has that code. and <center> have been deprecated about that long as well. You just cant use code that's ten years out of date and expect modern browsers to behave. If it's WHAT'S being displayed, use HTML. If it's HOW it's being displayed, use CSS.

Forget the "best viewed in" phrase ever existed. Learn modern coding. We have plenty of links and stickies here to help you do that. This is rather like asking someone developing UFC fighting games why your text game written in BASIC on a Commodore 64 won't work right.

tim