Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 12-03-2012, 12:27 PM   PM User | #1
Jak1471
New to the CF scene

 
Join Date: Dec 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Jak1471 is an unknown quantity at this point
Aligning with css

Afternoon all,

New here and im not great with html or css so bare with me. I'm trying to make a simple page with several images that align across the page but when viewed on a mobile browser align vertically. What is the best way to do this? Can I do this with css positioning or will i have to load seperate css files? Have a look: http://applebandits.co.uk/testing

Sorry if you don't get what I mean.
Cheers
Jak1471 is offline   Reply With Quote
Old 12-03-2012, 01:52 PM   PM User | #2
backa
New Coder

 
Join Date: Oct 2012
Posts: 44
Thanks: 7
Thanked 3 Times in 3 Posts
backa is an unknown quantity at this point
Looks like you've got the idea, just not selecting elements correctly. instead of attaching the class to <p>, it should be in the <img> tag. also rather use an id instead of class, unless you intend to use those same stylings elsewhere. so in the css you'll have #pos_one instead of .pos_one, and in the html <img id="pos_one"...>
backa is offline   Reply With Quote
Old 12-03-2012, 05:05 PM   PM User | #3
Jak1471
New to the CF scene

 
Join Date: Dec 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Jak1471 is an unknown quantity at this point
Quote:
Originally Posted by backa View Post
Looks like you've got the idea, just not selecting elements correctly. instead of attaching the class to <p>, it should be in the <img> tag. also rather use an id instead of class, unless you intend to use those same stylings elsewhere. so in the css you'll have #pos_one instead of .pos_one, and in the html <img id="pos_one"...>
Thanks for that! Ok ill give it a try... What's the best way of setting the positioning though? Because in needs to be responsive to the browser size, any ideas?

Cheers
Jak1471 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 12:48 PM.


Advertisement
Log in to turn off these ads.