Resize Website?
Permalink
Hi all!
Probably a n00b question here, but how do you go about resizing your website? I want mine to be wider, so it doesn't have to be so tall.
I have a design in mind, but it won't really sit on a narrow site... :S
Thanks, and have a nice day ect :)
Probably a n00b question here, but how do you go about resizing your website? I want mine to be wider, so it doesn't have to be so tall.
I have a design in mind, but it won't really sit on a narrow site... :S
Thanks, and have a nice day ect :)
thanks to all of you for your help, but this answer did it for me. Was pretty simple. I kinda know what to do in CSS, but the damn things scares me more then it should :D
So now I can get on with that re-design!
Thanks all. You're all on Christmas card list now ;)
So now I can get on with that re-design!
Thanks all. You're all on Christmas card list now ;)
w3schools.com
This is a very quick and handy guide to practical css and css3. Some people have a chip on their shoulder about this site (I have no idea why) but if your new and you need a reference it is very well organized.
This is a very quick and handy guide to practical css and css3. Some people have a chip on their shoulder about this site (I have no idea why) but if your new and you need a reference it is very well organized.
We also tend to use a wrapper within the body tag,
Setting the width of the body may limit what you can do with the background. We tend to have a repeating image on the body
Concrete5 default wrapper is called #page{} and if you edit any of the default beware of the background images, being used as changing the width will not affect these.
and as R1Creative pointed out that margin:0 auto is a great tip to center your site.
You can use a fluid layout to adjust your site using width:80%, then as you resize the size will change but the site below will do a better job of explaining fluid layouts
This is a very nice site with some great tutorials on try this
http://css-tricks.com/the-perfect-fluid-width-layout/...
Setting the width of the body may limit what you can do with the background. We tend to have a repeating image on the body
Concrete5 default wrapper is called #page{} and if you edit any of the default beware of the background images, being used as changing the width will not affect these.
and as R1Creative pointed out that margin:0 auto is a great tip to center your site.
You can use a fluid layout to adjust your site using width:80%, then as you resize the size will change but the site below will do a better job of explaining fluid layouts
This is a very nice site with some great tutorials on try this
http://css-tricks.com/the-perfect-fluid-width-layout/...
It really depends on you site's structure.
For example we centre our website so we have a wrapper like div#wrapper
this is where we control it's width so div#wrapper { width: 960px; padding: 0px 10px; margin: 0px auto; }
Hope this helps shed some light.
For example we centre our website so we have a wrapper like div#wrapper
this is where we control it's width so div#wrapper { width: 960px; padding: 0px 10px; margin: 0px auto; }
Hope this helps shed some light.
I'm fairly new to Concrete5 and can't code to save my life, but I have been getting pretty good at making tweaks using the html and css to resize containers and content.
The easiest way I've found to experiment without danger (besides making backups of the files before playing) is to use firebug in firefox. It's a simple browser add-on that lets you inspect elements and make "live" changes to the page (refresh and they're gone). When you figure out what works, you can trace to the correct file, and copy and paste the updated code into the right file (after you've made a copy and moved it somewhere safe of course).
It took me a long time the first few changes I made, but I'm getting a much better understanding of how Concrete5, html, php and css all work. Firebug makes this much easier.
The easiest way I've found to experiment without danger (besides making backups of the files before playing) is to use firebug in firefox. It's a simple browser add-on that lets you inspect elements and make "live" changes to the page (refresh and they're gone). When you figure out what works, you can trace to the correct file, and copy and paste the updated code into the right file (after you've made a copy and moved it somewhere safe of course).
It took me a long time the first few changes I made, but I'm getting a much better understanding of how Concrete5, html, php and css all work. Firebug makes this much easier.
The width of the site is going to be defined in the code there and will look something like this.
in the .css
body{width:700px;}
Changing the width amount to a larger number will increase the width.
But it can be A LOT more difficult than that depending on how the website layout was designed.