I’m trying out, doing a site with the ‘box model’ system. I’ve seen Dans web cast, which has helped a lot but what I’m trying to do is to get three boxes in a line.
I’ve made a body, within that I have a body wrap and within that I have a body centre. Now, what I’m trying to do is to have three boxes - for images - in a line, within the body-wrap but below the body-centre.
Do I do this by inserting three HTML boses, then inserting the graphic box or do I just add three graphic boxes and postion them as I want.
I’ve made a body, within that I have a body wrap and within that I
have a body centre. Now, what I’m trying to do is to have three
boxes - for images - in a line, within the body-wrap but below the
body-centre.
Look at the source code, you’ll find the CSS there. You just need to
float some elements though you might have to make some adjustments
depending on the rest of your layout but this should get you in the
ballpark.
To get three boxes horizontal, I usually start with item1, insert then two boxes, float and clear one to the left (item2), the other to the right (item3). Then insert in item3 another two html divs, float again one to the left, one to the right item4+item5.
So finally you will have item2 the first box that carries image1, item4 is image2 and item5 is image3.
Set item1 and item3 to overflow visible if you want apply a color to them.
So you now can decide if you want to put a graphic element into your divs or to add it as a background using the inspector.
To style them out you can use padding either on the carrier-elements or on the image elements.
I’ve had a go with the way you said and it worked - in the end.The only problem i’ve got now is that when I change an item in the ‘Masters Pages’, I’m in ‘Show Items’ mode, the change does not alter the details in the ‘Site Folder’ so how do I get the connection back.
I’ve picked up on your extruder thread and really like what you’ve done on your site and would like to emulate similar on to a new site I’m developing.
The problem is I can’t quite get my head around how it works or where to start even.
My coding skills are very limited and use actions mainly as I’m more graphics based than coder?
Any help would be most welcome.
Regards
Steve
On 1 Sep 2010, at 10:04, Thomas Kimmich wrote:
It depends of what you want to do further.
To get three boxes horizontal, I usually start with item1, insert then two boxes, float and clear one to the left (item2), the other to the right (item3). Then insert in item3 another two html divs, float again one to the left, one to the right item4+item5.
So finally you will have item2 the first box that carries image1, item4 is image2 and item5 is image3.
Set item1 and item3 to overflow visible if you want apply a color to them.
So you now can decide if you want to put a graphic element into your divs or to add it as a background using the inspector.
To style them out you can use padding either on the carrier-elements or on the image elements.