Accordion menu overlapt image

[Bogey911]

Ik heb een Wordpress plug in welke automatisch iTunes posts maakt uit de app store.
Het accordion menu overlapt echter mijn app icon.
Hoe kan ik dit oplossen? Zie link, dan is meteen duidelijk wat ik bedoel.
Ik ben al dagen bezig met wijzigen van CSS, zonder resultaat.


http://airlinecrewdiscount.net/sky-gamblers-storm-raiders/

[Verwijderd]

Zet een div om je accordion. En geef die een max breete.
Nu heb je een div om de iconen maar niet om de accordion zelf.

[JJerome]

Of geef ".ui-widget" een width.

Al dagen bezig? Echt?

[Bogey911]

De pest is dat het allemaal met scripts en php wordt gemaakt... Dat maakt het zo lastig voor me om te editten in de files.
Ik kan wel makkelijk in de CSS komen...

[Bogey911]

.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; width:200px;}

helpt niet...

[JJerome]

code:

.appStore-wrapper .ui-accordion.ui-widget {
       width: 400px;
}

Werkt hier zonder problemen.

[Bogey911]

Hoe zet ik daar een DIV omheen???

code:

function getAccordionCode ($DisplayElement,$cssClass,$accState, $Description="Section") {
    $cssClass = $cssClass.'-'.rand();
    $AccordionCode = "";
    if ($accState == "open" || $accState = "closed") {
        $AccordionCode = "<script>\r";
        $AccordionCode .= "jQuery(function() {\r";
        $AccordionCode .= ' jQuery( "#accordion-';
        $AccordionCode .= $cssClass;
        $AccordionCode .= '" ).accordion({ heightStyle: "content",collapsible: true';
        if($accState == "closed") $AccordionCode .= ',active: 2';
        $AccordionCode .= ' });'."\r";
        $AccordionCode .= '});'."\r";
        $AccordionCode .= "</script>\r";
        $AccordionCode .= '<div style="clear:left;">&nbsp;</div>';
        $AccordionCode .= '<div id="accordion-'.$cssClass.'">';
        $AccordionCode .= "<h3>$Description</h3>";
        $AccordionCode .= '<div class="'.$cssClass.'">';
        $AccordionCode .=  $DisplayElement;
        $AccordionCode .= '</div></div>';
    } elseif($accState == "yes") {
        $AccordionCode = '<div style="clear:left;">&nbsp;</div>';
        //$AccordionCode .= '<b>'.$Description.':</b><br />';

        if($Description) $AccordionCode .= "<h3>$Description</h3>";
        $AccordionCode .= '<div class="'.$cssClass.'">';
        $AccordionCode .=  $DisplayElement;
        $AccordionCode .= '</div>';

    }
    return $AccordionCode;
}

[Bogey911]

@JJerome

*knip* Bijna 800 (!!!!!) regels irrelevante code!


meer specifiek? Ik zie het niet...

[ Voor 99% gewijzigd door NMe op 29-06-2013 12:53 ]

[Bogey911]

Ik probeer wat te husselen met de volgorde van de plaatjes in de post, maar het blijft klooien:

http://airlinecrewdiscount.net/page/3/

[NMe]

Als je zelf de laatste poster bent en je hebt iets toe te voegen, edit dan je post. Op deze manier je topic schoppen stellen we niet op prijs. Er staat niet voor niets dit:

Daarnaast: 800 regels code posten is not done. Beperk je probleem tot een paar regels. Als je dat niet kan dan heb je 9 van de 10 keer zelf niet genoeg tijd besteed aan het begrijpen van je eigen probleem. Voordat je überhaupt kan denken aan het oplossen van je probleem moet je eerst eens begrijpen wat je prijs ís.

[we_are_borg]

Wat je ook kan proberen is om de bal te verplaatsen in de Z as. http://www.w3schools.com/cssref/pr_pos_z-index.asp

[Bogey911]

@we_are_borg

Ik heb de icons wat verplaatst, zodat het probleem minder zichtbaar is op de live site.
De z-index heb ik al geprobeerd, without luck. Echter de Accordion wordt als laatste pas op de pagina geplaatst. Je ziet ook eerst alle content van de accordion en dat wordt dan opeens opgevouwen.

[NMe]

z-index heeft dan ook alleen effect op gepositioneerde elementen.

[we_are_borg]

Dan zal je toch een div element moeten gebruiken. Ik heb gevonden welke plugin je gebruikt ik heb het zelfde problem.

[ Voor 29% gewijzigd door we_are_borg op 29-06-2013 14:32 ]

[Bogey911]

@we_are_borg
Hopelijk bezit jij de deskundigheid om tot een oplossing te komen?

[NMe]

Niet om lullig te doen, maar de mensen hierboven hebben die deskundigheid ook en je de oplossing al gegeven...?

[Bogey911]

@NMe
Het probleem is nog steeds niet opgelost. Ik begrijp je reactie daarom ook niet. Ik ben geen programmeur, maar wil wel graag iets opbouwen. Ik krijg van de Admin alleen maar negatieve reacties.

[we_are_borg]

NMe heeft gelijk de oplossing is een div element gebruiken nu kan ik zeggen dat de plaats waar je die element moet plaatsen moeilijk te vinden is.

Ga naar /wp-content/plugins/app-store-assistant/includes/ en zoek de file app-store-functions.php verander nu regel 1083 van

code:

$AccordionCode .= "<h3>$Description</h3>";

naar

code:

$AccordionCode .= "<div class=MAAKERIETSVAN><h3>$Description</h3></div>";

Nu alleen nog de juiste CSS erbij scrijven maar me CSS kennis is een beetje roestig.

Update:

Ik heb het anders opgelost in de instellingen van de APP kan je de volgorde veranderen van de elementen ik heb een paar elementen boven de Omschrijving gezet nu ben ik verloopig het overlappen kwijt.

[ Voor 18% gewijzigd door we_are_borg op 29-06-2013 17:27 . Reden: LET OP het is regel 1083 ipv 1081 ]

[Bogey911]

De app heeft een update gehad, nadat ik met de developer heb gemaild over het probleem.
Opgelost!

[NMe]

Bogey911 schreef op zaterdag 29 juni 2013 @ 14:44:
@NMe
Het probleem is nog steeds niet opgelost. Ik begrijp je reactie daarom ook niet. Ik ben geen programmeur, maar wil wel graag iets opbouwen. Ik krijg van de Admin alleen maar negatieve reacties.

Nee, je krijgt reacties die je wijzen op het feit dat je verkeerd bezig bent. Je hebt vóór de reactie waar ik op reageerde meerdere keren gehoord wat je moest doen maar blijkbaar wilde je het per se in hapklare brokken hebben. Wij willen je best helpen maar dan moet je er zelf ook iets voor willen doen. "Ik ben geen progammeur" roepen is een zwaktebod, want je hoeft niet eens te kunnen programmeren om op te zoeken waar de HTML wordt geplaatst en daar dan een div omheen te zetten die je vervolgens met CSS stylet. Als dat blijkbaar te hoog gegrepen is zul je inderdaad met de maker moeten gaan praten. We zitten hier niet voor kant-en-klare codefixes. Daarbij worden we over het algemeen ook niet happy van dat ultieme gehelpdesk dat je al 11 jaar doet zonder ooit eens een keer een ander terug te helpen...