Hi,
I'm very new to Drupal, wasted a week with Joomla before the poor template adaptability to skill ratio got me (all those annoying tables). Have been learning CSS mainly through playing with CSS Zen Garden, though my page is still going through iterations before I get it to do what I want without being able to create different style sheets to compensate for the quirks of different browsers.
Anyway what I want to do is similar to having the extradivs in CSSZenGarden.
So far I've added
- image divs to style.css
with position: absolute;
and width and height 100%;
- regions to template.php
so I can add and assign the images as html within the blocks, which means I can assign them to different pages etc
- and extra divs to page.tpl.php just inside the tags
the problem is the html it spits out is
<div id="block-<?php print $block->module .'-'. $block->delta; ?>" class="block block-<?php print $block->module ?>"> <div class="blockinner">
<h2 class="title"> <?php print $block->subject; ?> </h2>
<div class="content">
<?php print $block->content; ?>
</div>
</div>
</div>the img is nested all these extra divs and so is not absolutely positionable floating anywhere over or under the text.
I'm not familiar with PHP but is there a way to create an exception within or regarding block.tpl.php which is the source of the extra divs?
if there is it would totally free up the design possibilities of the Zen theme. I want to wrap images around text and objects which is totally possible with images floating in front and behind that look as if they connect.
my only wish then would be some kind of CSS property that would make the image visible but transparent for interaction, like you could float a whole jellyfish or something in front of other objects yet select the text/menus/images behind.
but maybe this has already been done
i've only just begun
thanks to everyone drupal and zen for making it so easy
you rock
peace
Hamish