Forums

blocks

Permalink
New to this. I need image blocks to display products(surfboards) that are narrow and tall. Can I make 4 or 6 columns across and 2 rows with blocks? Can blocks be made to be tall rectangles. Please check out attachment. Similar to this.

1 Attachment

 
mkly replied on at Permalink Reply
mkly
You would probably do most of this with css.

The image block itself can be used to set the maximum dimensions of the image and to link to a new page. The layout part would typically be css. The image block just outputs an img tag. You would probably do this at the page type theme level. Something like this.

<html>
<head>
</head>
<body>
<div class="surfboards cf">
<?php
  // This sets a wrapper div around each block you add
  // to the Surfboard Area so you can style them in css
  $a = new Area('Surfboard');
  $a->setBlockWrapperStart('<div class="surfboard">');
  $a->setBlockWrapperEnd('</div><!-- /surboard -->');
  $a->display($c);
?>
</div><!-- /surfboards -->
</body>
Viewing 15 lines of 16 lines. View entire code block.


Then maybe some css like
.surfboards {
  position: relative;
}
.surfboard {
  float: left;
}
/* this is just a clearfix */
/* you can use whatever you want */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
Viewing 15 lines of 21 lines. View entire code block.
sauritch replied on at Permalink Reply
Thanks for the info. I don't know any css. I tried this in Wordpress and had to use tables and I was having issues with aligning the the images.
Somehow, I thought Concrete5 would be easier. The problem with the site I have now, is that it's hassle adding content or new images.
Here is my existing website that I am trying to recreate:http://www.sauritchsurfboards.com/alternatives.html...

Thanks for your time...

Greg