lining up image with text

lining up image with text

am 29.10.2007 13:10:41 von freemont

http://tinyurl.com/2awmg8

What else is new? Looks ok in Opera and Konq, but not IE or (surprisingly)
FF.

I wish for the items with buttons to show the image lined up with the text
in the

. Solving with margins only messes it up in the browsers it
looks ok in now. I could place the items in the
into a table, and
they'd line up perfectly, but then I'd have a block element inside an
inline element, which is a no-no. And I don't wanna stickem in no stinkin
table anyway.

Little things like this drive me nuts. I need help.

HELLLLP!

--
"Because all you of Earth are idiots!"
¯`·..·¯`·-> freemont <-·¯`·..·¯

Re: lining up image with text

am 29.10.2007 13:18:55 von Els

freemont wrote:

> http://tinyurl.com/2awmg8

> I wish for the items with buttons to show the image lined up with the text
> in the

. Solving with margins only messes it up in the browsers it
> looks ok in now. I could place the items in the
into a table, and
> they'd line up perfectly, but then I'd have a block element inside an
> inline element, which is a no-no. And I don't wanna stickem in no stinkin
> table anyway.

Switch the order of the right floated image and the left-aligned text.
(and then play with line-height and padding)

> Little things like this drive me nuts. I need help.

:-)

--
Els http://locusmeus.com/

Re: lining up image with text

am 29.10.2007 13:48:37 von freemont

On Mon, 29 Oct 2007 13:18:55 +0100, Els writ:

> Switch the order of the right floated image and the left-aligned text.

heheh... yep!

Four eyes are better than two. :-)

Thank you so much, Els!

--
"Because all you of Earth are idiots!"
¯`·..·¯`·-> freemont <-·¯`·..·¯

Re: lining up image with text

am 29.10.2007 14:43:31 von lws4art

freemont wrote:
> http://tinyurl.com/2awmg8
>
> What else is new? Looks ok in Opera and Konq, but not IE or (surprisingly)
> FF.
>
> I wish for the items with buttons to show the image lined up with the text
> in the

. Solving with margins only messes it up in the browsers it
> looks ok in now. I could place the items in the
into a table, and
> they'd line up perfectly, but then I'd have a block element inside an
> inline element, which is a no-no. And I don't wanna stickem in no stinkin
> table anyway.
>
> Little things like this drive me nuts. I need help.
>
> HELLLLP!
>

Change from:

..button {
border:none;
float:right;
line-height:80%;
}

To:

..button {
border:none;
float:right;
margin-top: .4em;
}


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com