Posted by 0zero0zero on January 5, 2013 at 10:37am
Hi there,
I've been working on Drupal for almost 3 weeks now, and ran into a problem with the views module that I cannot seem to get by.
I setup this view:
http://collegebud.ca/book-exchange
and I don't know why the image is prompted up above the text on the table settings. It displays inline in preview mode.
I'm very new at this, and have no idea which files or divs I have to play with if it's a CSS problem..hopefully I don't have to play in any code to fix this problem...that is like a whole another world to me.
Sorry if this is a stupid question. I tried researching the topic for a few hours and couldn't find anything.
Any help would be much appreciated! Thanks in advanced.
Comments
I'm not an expert on
I'm not an expert on formatting, but this is the HTML for the problem table cell:
<td class="views-field views-field-field-image views-align-left" ><a href="/content/financial-accounting-book-sos-midterm-bk-sos-final-bk"><img typeof="foaf:Image" src="http://collegebud.ca/public/pubcollegebud.ca/styles/thumbnail/public/Libby.jpg" width="77" height="100" alt="" /></a> </td>
There are two significant things here.
First, the CSS classes are views-field views-field-field-image views-align-left". So, it's not aligned at the top.
Second, there is a lot of white space after the
</a>and before the</td>. Select (highlight) the whole HTML block above, and you'll see it. I suspect that the white space is causing blank lines in that table cell after your image.Why is it there? Beats me. Check the config on your View and see.
--
www.ztwistbooks.com. Math books that are actually fun.
Hi,Thanks for the reply. Oh
Hi,
Thanks for the reply. Oh yeah. Wow, there is a huge space.
I looked at the config for views and I did not find a setting that caused that space.. The strange part is that it displays perfectly in the preview mode. :S
I'll try recreating another view of the same sort. Maybe I did something screwy in the setup.
Thanks again!
Dillon
----
**Sigh** This is very frustrating. I tried making another view and the same problem occurred.
_
your original link is dead-- can you post the new one (css is impossible to troubleshoot without a link).
_
Don't be a Help Vampire - read and abide the forum guidelines.
If you find my assistance useful, please pay it forward to your fellow drupalers.
Woops, sorry. I changed the
Woops, sorry. I changed the path.
It's
http://collegebud.ca/used-books
_
The space appears to be caused by the "vertical-align: baseline" css applied to the TD element in the 'style.css' file which seems to come from the theme. Removing it should do the trick. Not sure why it's there or if it's necessary for other pages/tables, but you can remove it just for that view by prefixing the css with the views' class (.view-book-exchange).
_
Don't be a Help Vampire - read and abide the forum guidelines.
If you find my assistance useful, please pay it forward to your fellow drupalers.
Check image display config
Drupal has configuration options for formatting things that depend on the context in which they are displayed.
I'm going to go out on a limb and guess that you have some module that displays that image, and there are different contexts in which it can be displayed, and one of those contexts has a config form with a blank field full of spaces. Look for that.
--
www.ztwistbooks.com. Math books that are actually fun.
Thanks Dan. From what I'm
Thanks Dan.
From what I'm aware of, there are not any modules affecting this page except for views. I think I might have to delve inside the code and edit it there.. Do you happen to know which file I'll have to edit?
See Worldfallz comment
See Worldfallz comment above.
I forgot one of the primary Drupal troubleshooting rules: If the display is messed up, switch to a generic theme like Bartik or Garland. If that fixes it, your theme is messed up.
Your preview is probably using Seven, right?
--
www.ztwistbooks.com. Math books that are actually fun.