[Pro] Responsive Horizontal Layout

I am trying to create a multi item responsive horizontal bar similar to the one in the attached link. I have tried using multiple HTML items and also a table. Neither accomplished the aesthetic or functional responsivity I am looking for. I know I’m in an area of my inexperience with responsive site construction and would appreciate any help or a reference to a resource that would help me.
Thanks

http://www.ebenezernazarene.com/sermons


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am trying to create a multi item responsive horizontal bar similar to the one in the attached link.

Can you expand on this as I am not seeing anything remotely responsive on that page.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I realize that the page I referred to is not responsive. The horizontal bars containing the graphics, text, and media links are what I am trying to create and create in a responsive format.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So you want to create a multi item horizontal bar but unlike the one in the example you want yours to be Responsive.

The crux of this is that you have to create each of these ‘Bars’ as a Container whose content consists of inline items.

Once you have made 1 you can easily copy/paste to make more and simply substitute the different content.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks. That’s exactly what I tried to do but my inline skills seem to be lacking as I could not get anything I created to respond in an acceptable way. Back to the old drawing board.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Very quick example - not totally responsive

http://deltadesign.co/FW7Test/flexi-bar.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks. That is what I was running into too, not totally responsive.

Jacob

On Apr 29, 2015, at 8:23 PM, DeltaDave email@hidden wrote:

Very quick example - not totally responsive

http://deltadesign.co/FW7Test/flexi-bar.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

not totally responsive

Mine is not totally responsive because I didn’t want to spend a lot of time on a quick example - not because it cant be done.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options