Hello,
I've got a site here: http://beta.menashalibrary.org/about/history
The side menu's are made up of unordered lists. In firefox, opera, it looks exactly how I want it to look. In internet explorer, however, there's about a 15 pixel gap on the left hand side of the list items. I've validated both stylesheets the template uses: http://beta.menashalibrary.org/themes/multiflex/css/style_override.css http://beta.menashalibrary.org/themes/multiflex/css/style_screen.css
Any ideas what may be wrong?
- jody
Hello Jody,
Try to remove the 'returns' out of your unordered lists, bewteen your list item-tags.
So instead of:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> </ul>
try this:
<ul> <li>list item 1</li><li>list item 2</li><li>list item 3</li> </ul>
IE has a problem applying styles to lists, removing the returns in the html solves the problem in my experience.
Hope this helps, -- bruno
Jody Cleveland wrote:
Hello,
I've got a site here: http://beta.menashalibrary.org/about/history
The side menu's are made up of unordered lists. In firefox, opera, it looks exactly how I want it to look. In internet explorer, however, there's about a 15 pixel gap on the left hand side of the list items. I've validated both stylesheets the template uses: http://beta.menashalibrary.org/themes/multiflex/css/style_override.css http://beta.menashalibrary.org/themes/multiflex/css/style_screen.css
Any ideas what may be wrong?
- jody
themes mailing list themes@drupal.org http://lists.drupal.org/mailman/listinfo/themes
Hello,
Try to remove the 'returns' out of your unordered lists, bewteen your list item-tags.
So instead of:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> </ul>
try this:
<ul> <li>list item 1</li><li>list item 2</li><li>list item 3</li> </ul>
IE has a problem applying styles to lists, removing the returns in the html solves the problem in my experience.
I viewed the source, and it is putting them all inline like this: <li>list item 1</li><li>list item 2</li><li>list item 3</li>
But, for whatever reason, it's not putting the <ul> tag in there for that.
- jody
On Wednesday 27 September 2006 06:00, Jody Cleveland wrote:
Hello,
I've got a site here: http://beta.menashalibrary.org/about/history
The side menu's are made up of unordered lists. In firefox, opera, it looks exactly how I want it to look. In internet explorer, however, there's about a 15 pixel gap on the left hand side of the list items. I've validated both stylesheets the template uses: http://beta.menashalibrary.org/themes/multiflex/css/style_override.css http://beta.menashalibrary.org/themes/multiflex/css/style_screen.css
Any ideas what may be wrong?
Your "About Us" menu block doesn't validate. You need to fix that problem, first. Use the similar blocks on the main http://beta.menashalibrary.org/ page as examples, because they are validating.
Hello,
Your "About Us" menu block doesn't validate. You need to fix that problem, first. Use the similar blocks on the main http://beta.menashalibrary.org/ page as examples, because they are validating.
Ok, I've got all blocks validating but one. I've got one block where I've got straight html. It's the 'Hours' block. Since drupal's set to wrap each menu in <ul></ul>, it also wants to wrap the table in that. Is there any way to correct that?
- jody
On Wednesday 27 September 2006 07:29, Jody Cleveland wrote:
Ok, I've got all blocks validating but one. I've got one block where I've got straight html. It's the 'Hours' block. Since drupal's set to wrap each menu in <ul></ul>, it also wants to wrap the table in that. Is there any way to correct that?
- jody
Why not just create a custom block and put the hours table into that, rather than making them menu items?
Also, your login block on the main page seems to have a similar problem. Is it a menu item also? If so, you might want to make it a custom block along with the Hours block.
Just out of curiosity, why do you not have the Hours block on the front page? It seems to me that would be some pretty important information that people might want to be able to quickly and easily find.
Hello,
Why not just create a custom block and put the hours table into that, rather than making them menu items?
Actually, when I made that, I used add block under administer - blocks.
Also, your login block on the main page seems to have a similar problem. Is it a menu item also? If so, you might want to make it a custom block along with the Hours block.
For that one, I just used the one drupal had there by default.
Is there a different way I should be doing those blocks?
Just out of curiosity, why do you not have the Hours block on the front page? It seems to me that would be some pretty important information that people might want to be able to quickly and easily
find.
That's an excellent question I have no good answer for. ;) Thanks for the tip. I think it's a good idea too, and have added it.
- jody
On Wednesday 27 September 2006 08:33, Jody Cleveland wrote:
Hello,
Why not just create a custom block and put the hours table into that, rather than making them menu items?
Actually, when I made that, I used add block under administer - blocks.
I just added your table to a custom block in a fairly stock Blumarine theme, and I do not have those same validation errors, so something is being or has been added or removed to cause those problems. I think I would want to see the code you put in the block and that of the various theme files to see when and where the code changes were being applied.
Also, your login block on the main page seems to have a similar problem. Is it a menu item also? If so, you might want to make it a custom block along with the Hours block.
For that one, I just used the one drupal had there by default.
Is there a different way I should be doing those blocks?
Are you using a stock theme with custom mods, or one you created from scratch?
I just added your table to a custom block in a fairly stock Blumarine theme, and I do not have those same validation errors, so something is being or has been added or removed to cause those problems. I think I would want to see the code you put in the block and that of the various theme files to see when and where the code changes were being applied.
Are you using a stock theme with custom mods, or one you created from scratch?
I'm using the multiflex theme: http://drupal.org/project/multiflex
I have modified it slightly, so here is what I've got for block.tpl.php:
<?php // Content region needs different wrapper divs if ($block->region =='content') { ?> <div class="content<?php echo $layoutcode ?>-container line-box"> <div class="content<?php echo $layoutcode ?>-container-1col"> <p class="content1-pagetitle"><?php print $block->subject?></p> <div class="content-txtbox-shade"> <?php print ($block->content) ?> </div> </div> </div> <?php } // Test to see if the main menu is being output. If so, // use a special class to format it properly
elseif (($block->module == 'user' and $block->delta == '1') || $block->module = 'menu') { ?>
<p class="sidebar-title-noshade bg-blue07"> <?php print "$block->subject"; ?></p> <div class="sidebar-txtbox-noshade bg-grey03 mainmenu"> <ul> <?php print $block->content; ?> </ul> </div>
<?php } else
// normal sidebar { $colours = array("grey","grey","grey","grey"); $colour=$colours[$block_id % 4]; // a bit of a fudge, but it will do for now. ?> <p class="sidebar-title-noshade bg-<?php print $colour ?>07"> <?php print "$block->subject"; ?></p> <div class="sidebar-txtbox-noshade bg-<?php print $colour ?>03 sidemenu"> <?php print $block->content; ?> </div>
<?php } ; ?>
Thank you very much for taking the time to help me with this.
- jody
Sorry to repost. But, does anyone have any ideas what I might have wrong?
Hello,
I've got a site here: http://beta.menashalibrary.org/about/history
The side menu's are made up of unordered lists. In firefox, opera, it looks exactly how I want it to look. In internet explorer, however, there's about a 15 pixel gap on the left hand side of the list items. I've validated both stylesheets the template uses: http://beta.menashalibrary.org/themes/multiflex/css/style_override.css http://beta.menashalibrary.org/themes/multiflex/css/style_screen.css
- jody
I'm currently at home and have now way to test on IE but I would suggest looking into the Double Margin bug in IE. I have had issue with it when I set a margin on a float for say 15 px left and on IE it would be 30px left. There are workarounds. The first that I came up with is http://www.positioniseverything.net/explorer/doubled- margin.html
I hope that sends you in the right direction and that I'm not totally off base on that!
Cheers, Brent
On Sep 29, 2006, at 11:03 AM, Jody Cleveland wrote:
Sorry to repost. But, does anyone have any ideas what I might have wrong?
Hello,
I've got a site here: http://beta.menashalibrary.org/about/history
The side menu's are made up of unordered lists. In firefox, opera, it looks exactly how I want it to look. In internet explorer, however, there's about a 15 pixel gap on the left hand side of the list items. I've validated both stylesheets the template uses: http://beta.menashalibrary.org/themes/multiflex/css/ style_override.css http://beta.menashalibrary.org/themes/multiflex/css/style_screen.css
- jody
themes mailing list themes@drupal.org http://lists.drupal.org/mailman/listinfo/themes
Hello,
I'm currently at home and have now way to test on IE but I would suggest looking into the Double Margin bug in IE. I have had issue with it when I set a margin on a float for say 15 px left and on IE it would be 30px left. There are workarounds. The first that I came up with is http://www.positioniseverything.net/explorer/doubled- margin.html
Thanks! That wasn't it, but it did lead me to the solution. It looks like that happens when you have a float. In my case, there wasn't a float. What I do have is a list. For that list, I have the margin set to: 0px 0px 0px -10px;
Apparently, IE (even version 7) does not like negative margins. But, what does work, is this: position:relative; left:-10px;
I reset the margin to be 0, added in the above code, and now it looks the same in all browsers.
Thank you so much for taking the time to help me with that!
- jody