[ChOpSueY!]

Hallo,
ich habe einen weiteren mysteriösen Fehler. Es geht um die Ansicht der Abstimmung auf folgender Seite:

News

Sämtliche Browser, außer Opera zeigen den Poll auf der rechten Seite lesbar an, der Opera zerfriemdelt irgendwie alles.

Ich weiß da sind noch wenige Bugs mehr auf der Page, die habe ich aber offline gefixt. Es geht nur noch um das Problem mit der Umfrage. Tabellen sind halt böse, aber joomla modul = joomla modul

Gruß

[toscho]

Dragonfly – das findest du in Opera 9.5x unter »Extras/Weiteres/Developer-Tools« – sagt, daß die verschobenen Texte dieses erben:

.module_content { 
text-indent: 50px;
}

Wenn du das also wieder aufhebst, sollte alles sitzen. Vorschlag:

.module_content * { 
text-indent: 0;
}

Gruß
Thomas

[ChOpSueY!]

hm ja stimmt es lag an dem text indent...allerdings hat das ja auch nen sinn gehabt. Der ganze text musste weiter nach rechts. Wenn ich jetzt den indent wieder auf 0 setzt mag das das random image oben rechts nicht. Wie du siehst springt das dann gleich mit nach links.

Ich kann das dann auch wieder mit einem margin-right: 50px; ausgleichen in der phocarandomimage.css, allerdings mag das dann der opera wieder nicht.

Wie kann ich eine valide variante finden, die alle browser mitmachen?

Gruß

[aboleo]

imho verwendest du die Tabelle etwas falsch.
Zugegeben, ich hab nicht wirklich viel Erfahrung mit Tabellen, da ich sie nur fuer die gedachten Inhalte verwende und das kommt eben relativ selten vor aber aus persoenlicher Erfahrung heraus, mein ich zu wissen, dass der Opera ein Disign dann nicht zerschiesst, wenn man Tabellen mit Stil verwendet. Wie ich fluechtig sehen konnte, tust du das nicht.

Versuch das ganze doch mal strukturell logisch aufzubauen. thead tfoot tbody uws. Ich hatte jetzt noch keine Zeit mir das mal genauer anzusehen aber heute Abend, werde ich mal ein bisschen ausprobieren, da ich ja zu den O Nutzern zaehle und solche "Problemdarstellungen" wirklich interessieren.

Gruss ~leo

[ChOpSueY!]

naja normalerweise müsste das aber gehen da ich ja joomla benutze und die umfrage eine joomla komponente ist. ich glaube meine eingriffschancen in das modul selber sind nicht wirklich groß.... hmmm die tabelle ist nun ja richtig, es geht jetzt um das zufallsbild welches ohne text indent wieder nach links hüpft...

[aboleo]

Entschuldige bitte, das haette ich mir eigentlich denken koennen, wenn man die Namensvergebung bei den Klassen sieht. Dann relativiert sich das Ganze natuerlich.

jetzt um das zufallsbild welches ohne text indent wieder nach links hüpft...

Soweit ich jetzt sehen kann, passiert das nur beim Safari und hier muesstest du evtl. mit einem Hack arbeiten, wobei mir einfaellt, dass ich erst kuerzlich etwas darueber gelesen habe. Sollte ich es wieder finden ( ich muss aufhoeren meinen Chache sauber zu halten ) werde ich berichten.

[EvT]

Das hier müsstest du etwas aufräumen:

<div class="module_content">
<div id ="phocagallery-module-ri" style="text-align:center">
<center><div class="phocagallery-box-file" style="height:118px; width:120px">
<center>
<div class="phocagallery-box-file-first" style="height:118px;width:118px;">
<div class="phocagallery-box-file-second">
<div class="phocagallery-box-file-third">
<center>
<a class="modal-button" title="frangipani flowers" href="[...]" >
<img src="[...]flowers.jpg" alt="frangipani flowers" width="100" height="75" /></a>
</center>
</div>
</div>
</div>
</center>
</div></center>
</div>

<div style="clear:both"></div>

Schmeiß die ganzen <center> ersatzlos raus. Zentrier die Blockelemente (die Divs) stattdessen über margin: 0 auto und Inlineelemente über text-align:center.

Anschließend raus mit:

text-indent: 50px in .module_content;
margin-left: -50px in .modal-button


Dann sieht es bei mir browserübergreifend identisch aus.

[ChOpSueY!]

und genau das is der mist wenn man joomla dann verwendet...ich komme dann nur mit php weiter. habe schon ausprobiert was zu ändern aber schon gibt es syntax-fehler...

wo sind die coder?

PHP-Code:

    if ($phocagallery_module_width !='') {
        $output    = '<div style="width:'.$phocagallery_module_width.'px;text-align:center;">';
    } else {
        $output    = '';
    }


    $output .= '<div class="phocagallery-box-file" style="height:'.$boxImageHeight.'px; width:'.$boxImageWidth.'px">' . "\n";
    $output .= '<center>'  . "\n"
        .'<div class="phocagallery-box-file-first" style="height:'.$imageHeightBg.'px;width:'.$imageWidthBg.'px;">'. "\n"
        .'<div class="phocagallery-box-file-second">' . "\n"
        .'<div class="phocagallery-box-file-third">' . "\n"
        .'<center>' . "\n"
        .'<a class="'.$button->methodname.'" title="'.$image_object->title.'" href="'. JRoute::_($image_object->link).'"';

    if ($detail_window == 1)
    {
        $output .= ' onclick="'.$button->options.'"';// Standard Popup window
    }
    else
    {
        $output .= ' rel="'.$button->options.'"';// Modal box
    }


    $output .= ' >' . "\n";
    $output .= '<img src="'.JURI::base(true).'/'.$image_object->linkthumbnailpath.'" alt="'.$image_object->title.'" width="'.$imageWidth.'" height="'.$imageHeight.'" />';
    $output .= '</a>'
         .'</center>' . "\n"
         .'</div>' . "\n"
         .'</div>' . "\n"
         .'</div>' . "\n"
         .'</center>' . "\n";


    if ($display_name == 1)
    {
        $output .= '<div class="name" style="text-align:center;color: '.$font_color.' ;font-size:'.$font_size_name.'px;">'.PhocaGalleryHelperFront::wordDelete($image_object->title, $char_length_name, '...').'</div>';
    }

    if ($display_icon_detail == 1 || $display_icon_download == 1) {
        $output .= '<div class="detail" style="text-align:right">'; 


[ChOpSueY!]

ahhhh danke evt, es hat geklappt...also offline über xampp läufts nun. jetzt bleibt nur noch ein einziger bug. Der internet-explorer 7 zeigt beim hauptmenü das pyramiedenbild beim hover nicht. alle anderen browser schon. any suggestions?

gruß

[ChOpSueY!]

*nochma kurz push*

ich finde den fehler nicht, warum der Internet-Explorer 7 die kleine Pyramide beim Hauptmenu nicht anzeigt, wer ne idee?
Zur Page

P.S. Ich weiss, das random-image klebt da oben rum, sollte aber mit dem problem nichts zu tun haben