filefield-icon


Author Message
Nicky

Posted: 3/28/2010 Quote message   

Hello,
My filefield-icon is not well aligned with the file name (cck filefield).
You know, you have the icon for pdf and just after the name of pdf with link to pdf.
In normal theme (garland), icon and file name are well aligned.
With artisteer theme, the icon in 1 little line under text, it's awful.
In blocks it's OK.
What do I have to do to get pretty alignment?
 
Nicky

Posted: 3/30/2010 Quote message   

For now, I don't display icon, but it's a temporary solution.

Can someone check if that alinment is OK on his Artisteer theme?
 
ChrisA

Posted: 3/30/2010 Quote message   

Hi Nicky,

Have you go a link/url to the site so we can have a look?

-Chris
 
Nicky

Posted: 3/31/2010 Quote message   

Here is an example
http://www.musee-des-bisses.ch/bisse-do
 
ChrisA

Posted: 4/1/2010 Quote message   

Thanks for the link.

In your styles.css file around line 1140 where it says:

.art-article img, img.art-article {
border:1px solid #70A5F0;
margin:1em;
}

Change to:

.art-article img, img.art-article {
margin:0 3px 0 0;
}


 
Nicky

Posted: 4/1/2010 Quote message   

No it does not work.

If I understand well, you remove the border of image (all images). Well no problem, it was not happy. And you precise the 4 margins.

Not easy!


 
Nicky

Posted: 4/1/2010 Quote message   

If I give :
.art-article img, img.art-article {
margin: 0em;
}
It's Ok for file field icon, I get a perfect alinment. But it affects all images of article, so I would like same thing,but specific to filefield icon .

How to do that?


 
Nicky

Posted: 4/1/2010 Quote message   

Well, I succeed with :
.art-article .filefield-icon img, img.art-article
{
margin: 0em;
}

Can someone explain to me this syntax, all parts of that line :
.art-article .filefield-icon img, img.art-article
I mean, can some one tell it means it applied on xxx class and ...

The order must be precise? .filefield-icon before .art-article has not the same meaning?
img before comma is linked to .art-article and to .filefield-icon ? What's for?
What's the comma for?
what the last part (img.art-article) for? what does it means?

I'm sorry to have so manny questions, but if once I understand well how it works, I think I solve a lot of my problems.

Is there an internet link explaining the meanings of such css?
I find a lot about layout, but not that sort of explanation.

 
ChrisA

Posted: 4/1/2010 Quote message   

Hi Nicky.

OK put the other changes back and try

.field-icon-application-pdf {
margin:0 3px 0 0;
}


 
ChrisA

Posted: 4/1/2010 Quote message   

A good css starting point is here:

http://www.w3schools.com/css/default.asp
 
Nicky

Posted: 4/1/2010 Quote message   

Just to clarify, because posts are not in good sequence :

.field-icon-application-pdf {
margin:0 3px 0 0;
}
not working

.art-article .filefield-icon img, img.art-article
{
margin: 0em;
}
working
 
Rachael

Posted: 11/30/2010 Quote message   

Hello All,

Could someone help me with a theming issue? I have a Artisteer-themed Drupal site. I am displaying content in various nodes. At the bottom of the nodes are links to other content and an option to add comment. Now it gets interesting - I've added a Twitter module to site, and I've configured this module to display a Twitter icon at the bottom of the node. The trouble is that now two icons are displayed - a default folder icon and the new Twitter icon:

| [default folder icon] [twitter icon] link-to-twitter

I'd like to remove the default folder icon, or at least prevent it from being displayed next to the twitter icon. If I try to remove the extra folder it, then all of the folder icons won't display. I think the change can be made somewhere in the following :

else {
ob_start();?><img class="art-metadata-icon" src="<?php echo get_full_path_to_theme(); ?>/images/PostCategoryIcon.png" width="16" height="16" alt=""/> <?php
$output .= ob_get_clean();
}

Any suggestions would be greatly appreciated.

Kind regards,
Rachael
 


Artisteer is not affiliated with or endorsed by Joomla!™ or Drupal™ or WordPress™ Projects.

Copyright © 2008-2014 by Artisteer, Ltd