Advertisement:

Author Topic: images align="middle" question  (Read 17680 times)

Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
images align="middle" question
« 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?
Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

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



Offline [Unknown]

  • SMF Friend
  • SMF Master
  • *
  • Posts: 36,102
  • Gender: Male
Re: images align="middle" question
« Reply #1 on: April 09, 2004, 10:51:21 AM »
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]

Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
Re: images align="middle" question
« Reply #2 on: April 09, 2004, 10:58:27 AM »
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



Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
Re: images align="middle" question
« Reply #3 on: April 09, 2004, 11:01:06 AM »
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



Offline Peter Duggan

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,664
  • Gender: Male
    • Peat Stack or Pete's Tack?
Re: images align="middle" question
« Reply #4 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!

Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
Re: images align="middle" question
« Reply #5 on: April 09, 2004, 02:44:58 PM »
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



Offline Acf

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,967
  • Gender: Male
  • 101101010112
Re: images align="middle" question
« Reply #6 on: April 09, 2004, 03:03:39 PM »
isn't it align=center and valign=middle?
Sigh...

Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
Re: images align="middle" question
« Reply #7 on: April 09, 2004, 03:15:44 PM »
Thanks for all replies guys.

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.


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

no.
« Last Edit: April 09, 2004, 03:17:31 PM by andrea »
Andrea Hubacher
Ex Lead Support Specialist
www.simplemachines.org

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



Offline Acf

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,967
  • Gender: Male
  • 101101010112
Re: images align="middle" question
« Reply #8 on: April 09, 2004, 03:40:13 PM »
align middle doesn't exsist in the w3c specs it is center
Sigh...

Offline [Unknown]

  • SMF Friend
  • SMF Master
  • *
  • Posts: 36,102
  • Gender: Male
Re: images align="middle" question
« Reply #9 on: April 09, 2004, 03:45:52 PM »
align middle doesn't exsist in the w3c specs it is center

For images.... the img element.

-[Unknown]

Offline Acf

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,967
  • Gender: Male
  • 101101010112
Re: images align="middle" question
« Reply #10 on: April 09, 2004, 04:32:12 PM »
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...

Offline B

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 2,044
  • Gender: Male
Re: images align="middle" question
« Reply #11 on: April 11, 2004, 12:05:46 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!

Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
Re: images align="middle" question
« Reply #12 on: April 11, 2004, 12:17:14 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



Offline Acf

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,967
  • Gender: Male
  • 101101010112
Re: images align="middle" question
« Reply #13 on: April 11, 2004, 04:29:46 AM »
<center>img</center>
img style="text-align: center;"
Sigh...

Offline andrea

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,324
  • Gender: Female
  • I'm a smiley.
    • Smiley Sets
Re: images align="middle" question
« Reply #14 on: April 11, 2004, 04:56:08 AM »
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



Offline Acf

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,967
  • Gender: Male
  • 101101010112
Re: images align="middle" question
« Reply #15 on: April 11, 2004, 05:08:09 AM »
style="vertical-align: top;" ?
Sigh...

Offline B

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 2,044
  • Gender: Male
Re: images align="middle" question
« Reply #16 on: April 12, 2004, 01:06:39 PM »
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".

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!