i don't know why but on my page, the vertical align which is defined on the acidfree.css does not work on my galleries.

check for example;

http://www.hecatomber.org/albumler/konulu_albumler/soulclipse_2006_turkiye

the align is on top as seen. but it should be "middle" as defined on the css. i don't understand what's wrong. also check the random image on the left bar. it's the same. (there was nothing wrong in the previous acidfree version)

Comments

korayal’s picture

korayal commented

well i don't get it, i rechecked on firefox and it looks alright.

but then i check it on maxthon and internet explorer, it's not...

korayal’s picture

korayal commented

nope, i looked carefully :)

on ie and maxthon it aligns on top,
on firefox, it aligns on bottom.

vhmauery’s picture

vhmauery commented
Status: Active » Closed (won't fix)

Yes, I know the default theme is fragile. I am not a CSS guru, so somebody else is going to have to fix this one. I am also open to a newer different default theme if somebody can help me out.

But I am not going to fix your theme. The acidfree default theme works in firefox with the default drupal theme (and most others for that matter). It's not that I don't care -- it's that I just don't have the knowledge or time to fix it. Good luck. Maybe you can find some help in the Drupal forums.

korayal’s picture

korayal commented

according to this web page, vertical aligning is not possible on box elements like "div"

http://css-discuss.incutio.com/?page=VerticalAlign

but i don't get it how it's working on previous versions :)

korayal’s picture

korayal commented

solved the problem by using the trick on that page;

acidfree.css : line 105

img.acidfree {
    margin: auto;
    vertical-align: middle;
    border-style: solid;
    border-width: 2px;
    border-color: #778 #ccd #ccd #778;
    background: #c0c0c0;
}
img.acidfreevalign

{ 
	height:100%;
	width:0px;
	vertical-align:middle;
}

acidfree.css : line 127

img.album-thumb {
    margin-bottom: 9px;
    vertical-align: bottom;
    border: 1px outset;
    height: 55px;
}

class_photo.inc : line 207

    $cell .= "$image\n";
    $cell .= "<img class=\"acidfreevalign\" />";
    $cell .= "</div>\n";

class_album.inc : line 252

    $output .= $image;
    $output .= "<img class=\"acidfreevalign\" />";
    $output .= '</div><div>'.$node->title;

Here is the result;

http://www.hecatomber.org/albumler/giris

For image thumbnails check the left bar, and for the album, you know where to check :)

korayal’s picture

korayal commented
Status: Closed (won't fix) » Fixed
Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)
fotios’s picture

fotios commented

one can also fix this by just changing a couple of lines in function "theme_acidfree_print_thumb_album" in class_abum.inc. Here is my version of the function:

function theme_acidfree_print_thumb_album(&$node) {
$album_link = "node/{$node->nid}";
$image = _acidfree_get_thumb_url($node);
if ($image != '') {
$image = l(theme('image', $image, $node->title, $node->title,
array(
'class'=>'album-thumb',
'id'=>"acidfree-thumb{$node->nid}"),
false),
$album_link, array(), NULL, NULL, true, true);
}
$size = variable_get('acidfree_thumb_dim', IMAGE_THUMB_SIZE) + 40;
$output .= "

\n";
$output .= "
";
// XXX: this empty span is to make IE render vertical alignment correctly
$output .= "
 

\n";
$output .= $image;
$output .= '

'.$node->title;
//$output .= '
'.l($node->title, $album_link);
$output .= "

\n";
return $output;
}