Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

BACKGROUND BOX IN DREAMWEAVER

How can I insert a background box in Dreamweaver for a bunch of images to sit on?

Help!!!!

I also want the images to be able to opened larger. How do I do this???

6 Answers

Anthony Hind
Anthony Hind
5,715 Points

Do you have an example of what you are trying to achieve with regards to the background box? for your images there is a great tool have a look here link there are also a number of other lightbox options available a quick google search will help you on that.

example link

and yes with a type of lightbox treatment in terms of opening up over the page.

Somebody mentioned trying fancybox.js. So I'm just following a beginners demo now... fingers crossed I get it!

Anthony Hind
Anthony Hind
5,715 Points

I just seen your other post I was going down the list this was at the top :)

Anthony Hind
Anthony Hind
5,715 Points

Jorja,

Is it just a background colour you want to apply to a container for all your images like the folowing link I have used dreadful colours to highlight the body and the container

example link

Yes that's pretty much exactly what I want basically!

So I just make a container and style the background colour?

I tried looking at your page source but could not understand a thing :( so lost

Anthony Hind
Anthony Hind
5,715 Points

Its really easy honest :) No it is just a case of practicing and following along with the online tutorials you will find that all the treehouse content is closely linked to real world projects so you can easily apply what you learn straight to your own projects.

All i have done is targeted the container div with the CSS ID #container and set the margin to auto for left and right margin this sits the container evenly in the middle of the body. and then as long as you put all your other content within the <div id"container">INSIDE HERE </div> all you content will sit in your container there will obviously be more code needed as your site grows but this is the most simplest example i could think of.

When you start to get your head around it i'm sure you will love it :)