Really this is a CSS (or SASS) problem. Typically, "float: left" your logo image and then "float: right" your #header_text (as long as #header and #container are wide enough to contain them). You may want to set a width for #header_text as well.
Although you should really do this via a stylesheet, you can test the styles directly in HAML by adding a ":style => 'your CSS rules here'" to the appropriate div elements. On Fri, Oct 9, 2009 at 2:12 PM, Joseph DelCioppio <[email protected]>wrote: > > Guys, > > New to HTML and HAML and have what I am sure is a new question, but I > can't seem to answer it so I'm going to ask. > > I've got an img and a h1 that I would like to have appear on the same > line. So I've got his HAML code: > > #container > #header > %img{:src => "/images/leapsynciconblueoneperson.jpg", :alt => > "LeapSync Logo", :title => "LeapSync! Never lose a number > again!" , :width => 64, :height => "64"} > #header_text > %h1 LeapSync for iPhone! > > However this obviously shows up with the image on top and the header > below it. Anybody know how to fix this so the alignment is correct > with the image and then the header right next to it? > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Haml" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/haml?hl=en -~----------~----~----~----~------~----~------~--~---
