francizy Posted October 21, 2014 Share Posted October 21, 2014 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 More sharing options...
niche Posted October 21, 2014 Share Posted October 21, 2014 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 More sharing options...
divinedesigns1 Posted October 21, 2014 Share Posted October 21, 2014 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 More sharing options...
francizy Posted October 21, 2014 Author Share Posted October 21, 2014 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 otherHow 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 More sharing options...
francizy Posted October 21, 2014 Author Share Posted October 21, 2014 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 More sharing options...
francizy Posted October 22, 2014 Author Share Posted October 22, 2014 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 More sharing options...
francizy Posted October 23, 2014 Author Share Posted October 23, 2014 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 otherI 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 More sharing options...
divinedesigns1 Posted October 23, 2014 Share Posted October 23, 2014 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 More sharing options...
francizy Posted October 24, 2014 Author Share Posted October 24, 2014 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now