CSS, DIVS & THE WHOLE DESIGN THING - Printable Version +- CodeIgniter Forums (https://forum.codeigniter.com) +-- Forum: Archived Discussions (https://forum.codeigniter.com/forumdisplay.php?fid=20) +--- Forum: Archived General Discussion (https://forum.codeigniter.com/forumdisplay.php?fid=21) +--- Thread: CSS, DIVS & THE WHOLE DESIGN THING (/showthread.php?tid=17263)

CSS, DIVS & THE WHOLE DESIGN THING - El Forum - 03-31-2009 [eluser]richfearless[/eluser] Hi folks, I understand this maybe a noob question but I have no freaking clue how to design a decent looking website where i have to use a header/content/footer separate files cos i usually make my designs in dreamweaver (I use the templates feature). I move them around finding the best position for each object(images, backgrounds, etc) what is the best practise when it comes to layout design with CodeIgniter? Lets take an example, i wish to design a website similiar to http://www.invenso.com/ - i am using them because they built there website with CodeIgniter. Now how would i start to achieve the positions of the divs & placement of boxes, etc? Thanks in advance CSS, DIVS & THE WHOLE DESIGN THING - El Forum - 03-31-2009 [eluser]Jelmer[/eluser] You could try making your page in Dreamweaver and then cutting its output up into pieces for the header & footer. Also, the easiest way to start understanding CSS & DIVs (but not the best) is to play around a bit with pages you've created in Dreamweaver and see how changing certain values change the looks. But by far the best way is of course to buy books or read tutorials on the web on this subject. It's a bit too much to explain in a forum post. Places to start (which I found by doing a google search for "css tutorials"): http://www.w3schools.com/Css/default.asp http://www.csstutorial.net/ http://net.tutsplus.com/ - not all for beginners, but there are some starter tutorials in there as well EDIT: And one list thing, don't capitalize your subject. It looks childish. CSS, DIVS & THE WHOLE DESIGN THING - El Forum - 03-31-2009 [eluser]CroNiX[/eluser] Another good place is [url="http://www.positioniseverything.net/"]Position is Everything[/url]. CSS, DIVS & THE WHOLE DESIGN THING - El Forum - 03-31-2009 [eluser]Thorpe Obazee[/eluser] richfearless, look into how blueprint and 960 grid systems work. Practice using them and learn why and how everything is working. CSS, DIVS & THE WHOLE DESIGN THING - El Forum - 03-31-2009 [eluser]sherpa[/eluser] I think the link below might help you understanding the layouts CSS + DIV Layouts CSS, DIVS & THE WHOLE DESIGN THING - El Forum - 03-31-2009 [eluser]Colin Williams[/eluser] Get some books, maybe attend a class or two, read all the CSS-related articles at alistapart.com, and practice.