Jump to content

Putting images together to achive beautiful layouts


How can I use DIVS and CSS to put images together to achive beautiful layouts?  

  1. 1. How can I use DIVS and CSS to put images together to achive beautiful layouts?

    • CSS (Style Sheets) Help
    • HTML Help

Recommended Posts

Hi,people ! Could anybody tell me how can I make these beautiful layouts ?

I just know, I have to cut images and then put them all together, like a puzzle!

But it’s really difficult to achieve it with DIVS and CSS!

Do you have any idea of how I could put the images all together with Dreamweaver without too much effort ???



[attachment deleted by admin]

Link to comment
Share on other sites

Many developers spend their entire careers trying to achieve this. There is no quick solution, and the sad fact is that it'll probably take a few years of steady development to get to the point where you can create a website that both looks good AND uses divs and CSS.


My suggestion is to start simple, but start with standards compliant design! It's easy to slice and dice a graphical layout and then assemble it with tables, but it's a bad idea. Familiarize yourself with the CSS basics, div positioning, etc and then you'll have the foundation you need.

Link to comment
Share on other sites

Tableless designs with css is the way to go these days. I personally NEVER use the design view in dreamweaver always the code display just to be sure to produce clean code. Maybe you want to take a look at some free css frameworks that are available online to ease your designs. It isn't the solution to your problem since good designing cost time but it will make it a whole lot of easier

Link to comment
Share on other sites

The answer is ... there is no easy answer.


While I applaud and support TM's good fight against table layout, if you are going to make a website using a huge graphic you may as well use tables and no doctype anyway.


The world has passed this type of website goodbye in the last stages of the 20th century.

Link to comment
Share on other sites

>>et tu brute?<<


LOL. Okay, okay.


percianno, go to http://www.csszengarden.com and cycle through the layouts there.


THIS is the holy grail of PROPER, TM approved, beautiful graphic based designs that you can download and "reverse-engineer" for your own graphics. This will show you how it is done correctly and for the 21st Century. Just pay attention, understand the initial concept and practice.


I should have mentioned this in the first place.


So, TM ... we cool, now?

Link to comment
Share on other sites

CSS is very simple, yet very powerfull at the same time. As TM said you can learn CSS in a few days, and you can pretty much master it in about a month or so (or atleast be really good at it). Look at a bunch of examples online and you will get the hang of it.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.