News:

Wondering if this will always be free?  See why free is better.

Main Menu

images align="middle" question

Started by andrea, April 09, 2004, 10:50:24 AM

Previous topic - Next topic

andrea

Problem: the images attribute align="middle" seems to align the font bottom line to the vertical middle. So if the image is small it looks still as if the text is aligned to the top.

Question: can it be done that the optical look is really in the middle? And can it be done browserproof?

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



[Unknown]

It works properly in Firefox.

This was one of those problems I told you about with not having them just be images, but you insisted.

-[Unknown]

andrea

I am sure it works somehow. Maybe I try out sub-tables.

P.S. I knew this problem already when I wanted texts and images separated! 

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



andrea

Another idea: can the text not be lifted up/down by single pixels by some css styles?

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Peter Duggan

You can specify negative margins, but that can lead to things colliding if folk resize the text and you've used absolute units like pixels instead of relative ones like ems!

andrea

Quote from: [Unknown] on April 09, 2004, 10:51:21 AM
This was one of those problems I told you about with not having them just be images, but you insisted.

My guess is you refer to the "new_some/none" stuff. Indeed the old mixture of img and text had to be separated. Not only because languages but also because of adaptability to template colors.

In fact my question was not referring to those images but to the topic icon table. I wanted to adjust the explanatory text besides the topic icon. Also in the theme here the text is not adjusted (see img attached to this post). I made new topic icons for my am themes which are a little higher so that issue gets even worse there.

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Acf

isn't it align=center and valign=middle?
Sigh...

andrea

#7
Thanks for all replies guys.

Quote from: Peter Duggan on April 09, 2004, 11:07:26 AM
You can specify negative margins, but that can lead to things colliding if folk resize the text and you've used absolute units like pixels instead of relative ones like ems!

I have tried out many combinations but not found a satisfacory solution.


Quote from: (Acf) on April 09, 2004, 03:03:39 PM
isn't it align=center and valign=middle?

no.

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Acf

align middle doesn't exsist in the w3c specs it is center
Sigh...

[Unknown]

Quote from: (Acf) on April 09, 2004, 03:40:13 PM
align middle doesn't exsist in the w3c specs it is center

For images.... the img element.

-[Unknown]

Acf

darn sorry you are right.

13.7.4 Alignment
Attribute definitions

align = bottom|middle|top|left|right
Deprecated. This attribute specifies the position of an IMG, OBJECT, or APPLET with respect to its context.
Sigh...

B

Quote from: andrea on April 09, 2004, 10:50:24 AM
Problem: the images attribute align="middle" seems to align the font bottom line to the vertical middle. So if the image is small it looks still as if the text is aligned to the top.

Question: can it be done that the optical look is really in the middle? And can it be done browserproof?

Try align="absmiddle" :) I dunno how cross-browser-friendly it is, but I'm pretty sure it works.

B


Conquer Club - Free Global Domination Game
Think the board game Risk on steroids!

andrea

Quote from: B on April 11, 2004, 12:05:46 AM
Try align="absmiddle" :) I dunno how cross-browser-friendly it is, but I'm pretty sure it works.

Thx again. I have tried this already. Indeed this was the first thing I tried out. It does not help. Most browsers treat "absmiddle" identically as "middle".

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Acf

<center>img</center>
img style="text-align: center;"
Sigh...

andrea

Thats horizontal alignment. I am looking for *vertical* alignment (whithin the current line).

Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

Personal Signature:
Most recent work:
10 Aqua Themes for SMF



Acf

Sigh...

B

Quote from: andrea on April 11, 2004, 12:17:14 AMThx again. I have tried this already. Indeed this was the first thing I tried out. It does not help. Most browsers treat "absmiddle" identically as "middle".

Weird...it always showed up differently when I used it. *shrugs*

B


Conquer Club - Free Global Domination Game
Think the board game Risk on steroids!

Advertisement: