By loucapo on

I am a little lost and need some help. I am adding in custom html for a right sidebar. this html is stored in 2 separate blocks. for some reason these blocks are not getting the "node" class assigned to them and therefore lose the formattine of the rest of the page, ie padding/margin and separator lines. I think there is something I am doing wrong. Can anyone point me in the right direction?

⋅ Categories: Drupal 6.x

Comments

jerdiggity’s picture

jerdiggity commented

You'll need to be a lot more specific with your question. If you want to you can send me a private message with details (if you don't want to post them on here). Or not -- it's up to you. However some examples of "being more specific" would be:

  • Is it possible to put the HTML all into the same block?
  • You should be able to manually set the margin, padding, etc., but remember that blocks are not nodes and therefore are not supposed to have a "node class" assigned to them.
  • Are you selecting the proper input format when you type in the actual HTML? (And are you using PHP code with the HTML?)

---
Yo that's shizzle.

loucapo’s picture

loucapo commented

I am trying to put 3 elements in the right sidebar, a news aggregator, an ad (a png) and a video archive link. it was recommended to me to put the latter 2 into individual blocks. I did that but the dont get all the same formatting as the nodes in the left column. would you recommend to just apply the same styles to the block-block class as the node class has?

I have the proper input set and am not entering any php as of yet.

Let me know if you need more details.

thanks again!

jerdiggity’s picture

jerdiggity commented

If I understand you correctly, then yes -- I would say keep the aggregator separate. Is it the built-in aggregator that's part of the Drupal core? If so, then definitely yes.

As far as the png ad, is it just the picture (and link)? And/or does it rotate or anything?

And when you say video archive - are you referring to a list of text links or more like a table area with previews/thumbnails that are always changing (<-- couldn't be because that would require php scripting...) or something different?

Not sure if anyone showed you this or not but-- well first, how are you getting these blocks? Like are they already there or are you clicking "Add block" and then putting in the HTML code? Reason I ask is because if you're doing the second one (manually adding the blocks) it would help if you posted the code so I/we could get a better idea of the situation. (Obviously you could change words around if you want, like typing <a href="http://www.someothersite.com"> instead of <a href="http://www.mysite.com">...)

If you can do that -- post the code --, what I started to say a second ago is using the <code> tag to post your code on here, in case you didn't know already, is really cool and helpful. If you already know then you can ignore this part but if not, FYI, basically anything you post between <code> and </code> will not be treated like actual "code" but rather it'll display exactly what you type in.

Quick example: normally if you were to post something on this site and in that post you typed in this:

<a href="whatever.php">click here</a>

... to everyone who reads the post, it would show up like this:

click here

as opposed to the code you actually typed in, which, again, would be this:

<a href="whatever.php">click here</a>

And actually with the code tags, what you would see would be this:

<code><a href="whatever.php">click here</a></code>

and what everyone else would see would come out looking like this:

<a href="whatever.php">click here</a>

SO, when you surround the text with the code tags, it tells drupal, "Leave everything inside here the way it is so other people can see it the same way you see it."

Anyway, sorry if I lost you (or if you already knew that) but I was going to post that on here anyway to help people out -- now I can just copy/paste it! :) Either way, the more info the better for troubleshooting... Let me know what you can. Talk to you soon.

---
Yo that's shizzle.

loucapo’s picture

loucapo commented

The blocks were added at someone on twitter's recommendation by clicking add block from the blocks page. Then in the video archive one, I put in an image and a link to the current video of the week.

<div id="votw"><img src="/sites/default/files/video_of_the_week.jpg" />
<div id="votwLabel">Answering difficult questions in a presentation (4:30)</div>
</div>

For the ad block, it is just 1 static ad for now, it will hopefully grow over time. The code for that section is very similar to the video block.

<div id="advert">ADVERTISEMENT</div>
<div id="votw"><img src="/sites/default/files/ad1.png" /></div>

I'll PM you the link to the site, not that its super confidential or anything.

jerdiggity’s picture

jerdiggity commented

Couple suggestions...

  • All the <div> entries (when inside a block) can make the block look "weird" because of line breaks & stuff...
    • Especially when two separate div's are using the same id (IDs should be unique to each item)
  • At minimum I'd try changing

    <div id="advert">ADVERTISEMENT</div>
    <div id="votw"><img src="/sites/default/files/ad1.png" /></div> to maybe something like

    • <div id="advert">ADVERTISEMENT</div>
    <div id="votwAdvert"><img src="/sites/default/files/ad1.png" /></div>

  • Or, make sure it's not really suppposed to say <div class="..." rather than <div id="..."
  • Personally, I rarely use a div tag in a block (let alone > 1)... Do you need them?

---
Yo that's shizzle.

loucapo’s picture

loucapo commented

Ok I think that makes sense, but it doesnt explain why I can't get the blocks to behave like the nodes. They should have the same look and feel for all users.