Where is the dead space in the attached picture? I was guessing it's a "padding" code in the css file, but I'm unsure which it would be. Any help is appreciated.
| Comment | File | Size | Author |
|---|---|---|---|
| #9 | header-table-pixture-theme.gif | 18.92 KB | level02 |
| menubarspace.JPG | 9.88 KB | KahneFan |
Comments
Comment #1
dadderley commentedYou should get the Firefox extension called Firebug and use it to look at this page. You control click on a page element and look for the "inspect element" option in the contextual menu. This will show you the css that is affecting this element. This is an essential tool for theming.
Comment #2
KahneFan commentedThat's awesome! Thanks! I'll tinker now :-)
Comment #3
KahneFan commentedARG! I can not figure it out :-<
I see a colspan="2" on the logo cell, but if I delete that and make the menu bar span 3 rows (which is logo/site name[not present]/search), then the menu bar disappears altogether for some reason. And I've tried adjusting the CSS lines which effect this area, but no help. I'd love to use this menu bar, but I don't like that it starts so far over.
Comment #4
dadderley commentedI have not looked at this theme so I don't know how it is set up. Chances are though you can modify it just by manipulating the css. When you get into playing with the table structure, it can head south quickly.
Comment #5
KahneFan commentedNo, it's actually a rowspan="2" that's making the dead space, but then when I delete that the entire row of buttons disappears for some reason. It's probably a combo of the table structure and the css together. If I get time I may need to completely rewrite the header of the theme to make it work right.
Comment #6
dthiessen commentedIf you change line 27 in page.tpl.php to
<td id="logo" valign=top rowspan=1>and line 39 to
<td id="menu" colspan=3 rowspan=1>it gets a lot closer. I think that will modify the table the way you would like it. It's still not perfect though.
Comment #7
level02 commentedDuplicate of #254980: Primary Links under logo and #276207: Primary links relocated by logo
Comment #8
KahneFan commentedI tried above, but it shoved the link off the bar and into the white area of the page (which made it disappear being white text). SO, I thought about WHY the logo area spanned two rows. The original (Drupal) logo (on this theme) drops down into that black bar by default, but it's not very wide, so the home link is probably right against the Drupal logo on default. However, my logo is wider which makes the cell wider pushing the link over. So, since I don't use "Site name" or "Site slogan" on this theme I switched the content in their cells. Doing so made the first cell of this table basically disappear since their is no content in them, which allows the home link to be pushed all the way over. And my logo is now in the second cell which you can't tell it's in a second cell since their basically is no first cell. (Hope this makes sense).
This...
[logo][.][search]
[.......][primary links]
Became...
[.][logo][search]
[.][primary links]
Original
New
Issue Resolved (as long as you don't use slogan or name)
Comment #9
level02 commentedRowspan refers to rows going horizontally. So rowspan=2 means that td#logo is going to span two horizontal rows (not two columns wide). In the above code td#logo has rowspan=2. As suggested in #6 above, try eliminating rowspan=2 from td#logo and increasing colspan in td#menu to colspan=3 (see attached picture).
Comment #10
KahneFan commentedI understand row vs col.
I did not take a screenshot when I tested #6, but trust that for some reason it pushed the home link off the black BG and into the white BG so that you could no longer see it.
As stated in #8, the original logo took up two rows creating...
[.drupal.][name/slogan][search]
[..logo..][primary/scondry links]
So he drupal logo took up two rows and the links took up two cols. I tried #6 many times, but for some reason it simply did not work like you would think it should. So, since I did not use the name or slogan, my solution did this...
[_][my logo____][search]
[_][primary/scondry links]
So, there's still a colspan of 2 in the first td, but since they are blank, my logo and menu go to the far left and you would never know they were there.
Comment #11
level02 commentedMaybe this is because td#logo has a height of 120px in style.css wheras td#site_name only has a height of 88px.
Comment #12
KahneFan commentedI changed #logo to 88px and it didn't help either.
Comment #13
JubW commentedThe fix works but can you make it so that the navigation moves over to the left slightly and not completely?
Comment #14
KahneFan commentedYes, edit two files:
themes/pixture/style.css
sites/default/files/color/pixture/style.css
(in both) look for
and change padding-left to however far out you want it to appear.
Comment #15
JubW commentedThe fix works perfectly. thanks for your help kahnefan