6 Replies - 538 Views - Last Post: 20 February 2010 - 09:25 PM

#1 Bravat  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 16-February 10

Dreamweaver and layout using CSS

Posted 16 February 2010 - 05:00 AM

I need to make page layout as seen on picture. Every box is one picture and most of them are interactive. Just to say that i am very new to CSS and web design. If someone can explain me step by step you will help me a lot :D.

Posted Image
Is This A Good Question/Topic? 0
  • +

Replies To: Dreamweaver and layout using CSS

#2 jjsaw5  Icon User is offline

  • I must break you
  • member icon

Reputation: 90
  • View blog
  • Posts: 3,059
  • Joined: 04-January 08

Re: Dreamweaver and layout using CSS

Posted 16 February 2010 - 07:03 PM

No one is going to explain this to you step by step and no one is going to do this for you.

I would suggest that before making another post you read the site rules.


What we will help you with is point you in the right direction and give you some things to look at that will be able to help you start.

Here is a link to our CSS tutorials.



Here you will find Google search results that will provide you with guides and more information



Once you have started/attempted to lay your site out and you get stuck then you should post back here with your code and a detailed description of your problem and we will be glad to take a look at it for you.


:code:
Was This Post Helpful? 0
  • +
  • -

#3 williamgeorgegardner  Icon User is offline

  • CEO of GeekTelligence
  • member icon

Reputation: 19
  • View blog
  • Posts: 584
  • Joined: 27-December 09

Re: Dreamweaver and layout using CSS

Posted 17 February 2010 - 07:28 AM

Do you Have to use CSS?
Was This Post Helpful? 0
  • +
  • -

#4 Nykc  Icon User is offline

  • Gentleman of Leisure
  • member icon

Reputation: 725
  • View blog
  • Posts: 8,638
  • Joined: 14-September 07

Re: Dreamweaver and layout using CSS

Posted 17 February 2010 - 07:36 AM

The public library also has a nice collection of books specifically about Dreamweaver. Most of those will walk you through step by step.
Was This Post Helpful? 0
  • +
  • -

#5 saunders1989  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 21
  • Joined: 16-January 10

Re: Dreamweaver and layout using CSS

Posted 20 February 2010 - 08:35 AM

easiest way i can think of getting that in the right lay out is by diving each image like so:


<div id="image1">

img scr.......
</div>




and then in your css do this:


#image1
{
  height:150px;
  width:209px;
  margin-top:10px;
  margin-left:30px;
}




you will have to play around with the margins to get it in the right position but that is the basic idea how id do it to get them in the right position.
obivoulsy each image will have a different number in css so you'd have to to a differnt one for each image.

This post has been edited by saunders1989: 20 February 2010 - 08:35 AM

Was This Post Helpful? 0
  • +
  • -

#6 aklo  Icon User is offline

  • D.I.C Head

Reputation: 18
  • View blog
  • Posts: 229
  • Joined: 23-January 09

Re: Dreamweaver and layout using CSS

Posted 20 February 2010 - 07:44 PM

you will need nested div...lots of it and that is why the more nobody will actually do for you :wacko:

Basic way to start.

Your entire page is box1
Within box1, there is 3 more box for left, middle, right content.
Within the 3 box(left middle right) there will be yet multiple boxes for the images you want to have.

boxs = <div> tags
read up on postition:relative, position:absolute also.
Was This Post Helpful? 0
  • +
  • -

#7 Lemur  Icon User is offline

  • Pragmatism over Dogma
  • member icon



Reputation: 1335
  • View blog
  • Posts: 3,398
  • Joined: 28-November 09

Re: Dreamweaver and layout using CSS

Posted 20 February 2010 - 09:25 PM

Having that many boxes with images I can only guess you used photoshop to slice a design. Now as to what you need to do look into w3schools.com and learn EVERYTHING on css and html
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1