Theme development

I just grepped through drupal and didn't find anything that would generate code that would only work as HTML or XHTML, for example which invokes shorttag syntax in SGML and therefore HTML, but is shorthand for in XML and therefore XHTML (I realize that it works in HTML but AFAIK this is only an accident because no browser implements the shorttag syntax).

I actually brought this up ages ago, but I still haven't managed to solve it.

Nevets pointed out that the problem is caused by my use of position: relative for the map, thus taking it out of the flow of the page. I've simply not been able to find a way round this, but I'm sure that it's simple.

Here's the book page contents:

<ul id="imapmenu">
<li id="item01"><a href="#" title="item01">item01</a></li>
<li id="item02"><a href="#" title="item02">item02</a></li>
<li id="item03"><a href="#" title="item03">item03</a></li>
<li id="item04"><a href="#" title="item04">item04</a></li>
<li id="item05"><a href="#" title="item05">item05</a></li>
<li id="item06"><a href="#" title="item06">item06</a></li>
<li id="item07"><a href="#" title="item07">item07</a></li>
<li id="item08"><a href="#" title="item08">item08</a></li>
</li>
</ul>
<br class="clear" />

and the CSS for the map is:

#imapmenu {
position: relative;
width: 550px; height: 370px;
background: url(map.jpg);
}

#imapmenu a {
text-indent: -9999px;
text-decoration: none;
position:absolute;
left: 72px;
top: 169px;
width: 245px;
height: 152px;
}

#item01 a { top: 196px; left: 13px; width: 96px; height: 131px; }
#item02 a { top: 20px; left: 26px; width: 241px; height: 190px; }

Hello,

I'm using the Obsidian Theme and I like it very much.

I'm using it on www.yogayak.com/drupal

There seems to be a strange bug or problem pertaining to how it moves the blocks right and left.

Is this a foolish question and Manji/obsidian does not have 2 sides available?

Thank you for your help.

Love and light

Hey folks,

in this forum there`re a lot of threads about problems with the breadcrumbs. Many people tried to customize those links to thier own purpose, but it was always a bit difficult. I`m also one of those people and on my "experiments" with drupal I tried something different.

Currently I`m trying to make my own theme and during the developement I got the idea to "hard code" the breadcrumbs for certian areas the user will be able to visit. For example I got a few custom overview pages, so my breadcrumb shows something like "overview > current area"; without the custom homelink. I used a little php-code that looks like follows:

<?php  if($node->type == "flexinode-1"): ?>
                  &raquo; <a href="?q=content">Content</a> &raquo; <a href="?q=content_rezensionen">Rezensionen</a> &raquo; <a href="?q=content_rezensionen_videospiele">Videospiele</a>                  
<?php elseif($node->type == "story"): ?>
                  &raquo; <a href="?q=content">Content</a> &raquo; <a href="?q=content_storys">Storys</a> &raquo; <?php unset ($output); print $breadcrumb ?>
                  <?php endif ?>

As you can see the the code outputs a custom htm-code plus the breadcrumb/title, so I got the possiblity to define a custom navigation-tree for the whole page.

But als always, there`s a problem with it ;) The code above works fine with pages that got no another php-code in it, but when I use one or more php-snippets on a page it won`t work. For example: I use some php-snippets from the handbook to output some custom lists of the content. Those snippets work fine, but the "trick" with the above custom navigation-tree doesn`t work anymore and just outputs the $breadcrumb without the code before. I`ve also tried to put

It is getting me crazy :) - in IE everything looks ok, but in Firefox the align bottom (or something) does not seem to work (look at those 2 screeshots (http://uus.pulmad.ee/crazy.html)

Code from this part is just a simple HTML

 <td align="right" valign="bottom"><table border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td ><img src="themes/pulmad/images/vasak.png" alt="" width="9" height="20"  /></td>
        <td class="domain">Svadba.ee</td>
        <td><img src="themes/pulmad/images/parem.png" alt="" width="7" height="20" /></td>
        <td><img src="themes/pulmad/images/vasak.png" alt="" width="9" height="20"></td>
        <td class="domain">Weddings.ee</td>
        <td><img src="themes/pulmad/images/parem.png" alt="" width="7" height="20" /></td>
        <td><img src="themes/pulmad/images/vasak.png" alt="" width="9" height="20"></td>
        <td class="domain">Pulmaisa.ee</td>
        <td><img src="themes/pulmad/images/parem.png" alt="" width="7" height="20" /></td>
        <td><img src="themes/pulmad/images/vasak.png" alt="" width="9" height="20"></td>
        <td class="domain">Edetabel.ee</td>
        <td><img src="themes/pulmad/images/parem.png" alt="" width="7" height="20" /></td>
      </tr>
    </table></td>

Can someone help or shom me direction where to look at (I know that there is somekind of a problem of IE vs Firefox, but cant find a solution) ?

hi all,

i've been trying to find out how to do a customized indexed page like we can see in, echoditto.com.

the basic idea is to have an index page where it looks like a 'news from all over the world' page, or where the page is divided into regions, and the content in these regions are customizable. node pages will still show up as normal.