Jump to content

Got stuck with positioning.. Help needed..


francizy

Recommended Posts

Trying to build my website, everything seems to be going smoothly when I start up but when I get the point where I have to position the different sections of the web page, I get stuck... I really need to know how to position a double and a triple section page in such a way that when I use it in a smaller screen, the whole page won't be disorganized. I wish it was possible uploading pics here, would have done that so I could show what I mean... Thanks for your help..

Link to comment
Share on other sites

You're probably not leaving enough room.

 

Post the code relevant to your question and we'll help you.

Link to comment
Share on other sites

Trying to build my website, everything seems to be going smoothly when I start up but when I get the point where I have to position the different sections of the web page, I get stuck... I really need to know how to position a double and a triple section page in such a way that when I use it in a smaller screen, the whole page won't be disorganized. I wish it was possible uploading pics here, would have done that so I could show what I mean... Thanks for your help..

I would float 2 of then to the left with X width, and the right float to the right with X width, and when it comes to smaller screen I would drop them down to under each other

Link to comment
Share on other sites

I would float 2 of then to the left with X width, and the right float to the right with X width, and when it comes to smaller screen I would drop them down to under each other

How do I design for different screens? Like, do I write different CSS for different screen sizes? And there are basically different screen sizes, like: laptop which am learning with, tablets, mini pad, then smart phones, etc. And how do I get the various CSS to work when its a laptop, when its a smart phone and when its a pad? Your help is already very much appreciated and I look forward to hearing from you soon. Thank you so much.
Link to comment
Share on other sites

You're probably not leaving enough room. Post the code relevant to your question and we'll help you.

Sorry for asking, do I just copy and paste everything I have on my .HTML and .CSS pages here or do I upload the files (tho I don't know how to upload a file here yet), don't know which you prefer me doing. Thanks for your help.
Link to comment
Share on other sites

Would also like to know if it makes sense separating my page into columns using the column properties: having my main navigation at the left column, main information at the center column and login (plus other stuff) at the right column. Also is it possible to set different width for different columns? Thanks for your help.

Link to comment
Share on other sites

I would float 2 of then to the left with X width, and the right float to the right with X width, and when it comes to smaller screen I would drop them down to under each other

I have done what you taught me, floated the sections like you said. When I minimize the screen, they all lay below each other with tho I didn't use same witdth and the whole thing looked messy. So do I have to use equal width for all sections in order to get a better display when I minimize my screen? And also, medium sized screens could display something else tho.. Thanks and please do reply...
Link to comment
Share on other sites

I have done what you taught me, floated the sections like you said. When I minimize the screen, they all lay below each other with tho I didn't use same witdth and the whole thing looked messy. So do I have to use equal width for all sections in order to get a better display when I minimize my screen? And also, medium sized screens could display something else tho.. Thanks and please do reply...

not too sure what your doing, theres no code for me to view, but you would have to know what each column width needs to be plus the padding and margin, and yes theres a screen view "always get this part wrong off my head" that enable you to use @media within the css code, this help you to style the website depending on the width you want, but you should real do more research on css and html, read up more then try again. it will help u

Link to comment
Share on other sites

not too sure what your doing, theres no code for me to view, but you would have to know what each column width needs to be plus the padding and margin, and yes theres a screen view "always get this part wrong off my head" that enable you to use @media within the css code, this help you to style the website depending on the width you want, but you should real do more research on css and html, read up more then try again. it will help u

Thanks a lot.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...