Posted by kompressaur on November 3, 2009 at 2:35am
Jump to:
| Project: | Taxonomy Image |
| Version: | 6.x-1.6 |
| Component: | Views |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
Hello i first have to apologise for my lack of understanding of all things drupal. Ive been at it for nearly 3 years now but still struggle a lot due to my lach of theming, php and even css knowledge. I hope that someone could find it in their heart to help a man who just struggles on with drupal learning as he goes. thanks.
I'm using tax image along with Taxonomy Image Node Display. I have my pictures on my teaser in a view but sadly the thumbnail is above not left (or right) of the text. I feel that i have to add something to either my style's css or taxonomy image css. could someone assist me please?
Thanks very much anyone who can.
Regards
Reg
Comments
#1
I still have the same problem. Ive tried it inline and grouped etc. Is this to do with Views rather than tax image?
thanks
#2
I am, at most, an intermediate beginner, but I have played with such issues on my sites. Did you try this?
img{
float: right;
}
(note that img has no dot!)
You must alter the image, not the text.
The best way to test out css code is to use Firefox and the Firefox extension Firebug.
You can toggle between "on" and "off" using hot keys, which you can set yourself in the latest version.
When Firebug is "on," you can see exact html, css, etc that is affecting your page, and you can change it right there without actually changing the stylesheets or what users see. Then you can play and see what happens.
If you can link me to your site I can look at it.
#3
heh heh heh MBroberg that worked :) I just added to to the system defaults.css and its done just as i hoped. I will need to add a bit of padding which im sure i can find from about the net and that will be that finally done. I will get firebug again as i used to use it but not since i reinstalled windows. I appreciate your help on this matter. thank you.
#4
Glad it worked for you. You might need to get more specific if you only want to affect certain images and not all of them.
You can add classes or divs or alter images in a specific view.
If you need help and can post a link to your site I might be able to narrow it down.
You should really make the changes in your theme css (style.css or graphics.css, etc) so that you don't lose your changes.
Never make changes to Drupal core or modules unless you want to do it every time there is an update.
Padding is coded like this...
padding: 0 5px 2px 0;which is read clock-wise from top to right to bottom to left.
So top padding is 0 pixels, right padding is 5px, bottom is 2px, etc.
Or just
padding: 5px;gives 5 pixels of padding all around.You can also do
padding-right: 5px;and so on.But for images you probably want
margin: 5px;instead. Margins are coded the same as padding.Margins are outside the box, padding is inside the box.
If you want an image to have a border and then a space inside the border and then the image, use padding. If you want the image to have space around it so that text does not bump up against the edge, use a margin.