Grafik Anordnung mittel If-Abfrage

[ChrizzleWhizzle]

Guten Tag freunde der Nacht,

Ich würde gerne das Element1 an eine andere Position verschieben, wenn das Element2 sichtbar wird. Ist das mit CSS realisierbar oder bin ich hier fehl am Platz?^^

MfG ChrizzleWhizzle

[djheke]

Hallo !
Naja, im Prinzip geht es schon, aber lass mal dein Quelltext rüberwachsen. So können wir mal schauen, wass du möchtest.

mfg
Henry

[ChrizzleWhizzle]

Mein CSS Code sieht momentan so aus.

Code: Alles auswählen

div.paginate_enabled_next {
        display: block;
   width: 22px;
   height: 18px;
        background-color: black;
        overflow: auto;
        margin-left: 23px;
        position: relative;
        top: -18px;
        left: 600px;
   background: url(../images/button-rechts.gif);
        }
div.paginate_enabled_previous {
        display:block;
        color:#000;
        width: 22px;
        height: 18px;
        position: relative;
        left: 600px;
        background-color: red;
        background: url(../images/button-links.gif);
}

Und im Prinzip möchte ich den button "paginate_enabled_next" von haus aus verschieben (so wie es momentan ist) und wenn der button "paginate_enabled_previous" sichtbar wird beide buttons gleichzeitig verschieben sprich den button 2next" erneut

[djheke]

Hallo;

auch wenn es noch nicht funktioniert, aber den html Quelltext zu posten würde nicht schaden. Im Moment weiß ich nicht ob es sich um ein Formular handelt und ob eine neues Seite aufgerufen wird.
Wenn eine neue seite aufgerufen wird, würde es mit dem Nachfahr-Selektor gehen.

Hier aber mal ein Beispiel über Nachfahrselektoren, vielleicht kannst du ja etwas daraus entnehmen.
http://www.gipspferd.de/css/anleitung/a6/a6.php

mfg
henry

[ChrizzleWhizzle]

Das ist momentan der Bereich des Tables wie folgt gecodet:

Code: Alles auswählen

<div class="haendlersuche_list">

    <p></p>
   <label id="Label2" style="font-size: 13px;font-style: italic">###LABEL_LIST_CAPTION###</label>
&nbsp;<table frame="hsides">
   <thead>
   <tr>
      <th align="left" style="font-size: 12px;width: 280px;">###LABEL_LIST_COMPANY###</th>
      <th align="left" style="font-size: 12px;width: 100px;">###LABEL_LIST_ZIP###</th>
      <th align="left" style="font-size: 12px;width: 140px;">###LABEL_LIST_CITY###</th>
                <th align="left" style="font-size: 12px;width: 80px;">###LABEL_LIST_COUNTRY###</th>
      <th align="left" style="font-size: 12px;width: 60px;"></th>
   </tr>
   </thead>
   <!-- ###CONTENT### -->
   <!-- ###ITEM### -->
   <tr>
      
      <td style="vertical-align:middle">###COMPANY###</td>
      <td style="vertical-align:middle">###ZIP###</td>
      <td style="vertical-align:middle">###CITY###</td>
      <td style="vertical-align:middle">###COUNTRY###</td>
      <td style="vertical-align:middle">###DETAILLINK###</td>
   </tr>
   <!-- ###ITEM### -->
   <!-- ###CONTENT### -->
   </table>

</div>

[djheke]

schöne tabelle, aber wo ist der rest ? kann ehrlich gesagt nichts mit anfangen.

mfg
henry

[ChrizzleWhizzle]

Also bei dem HTML File werden mittels Typo3 Extension die Marker mit Begriffen aus der Datenbank gefüllt und mit diesen Daten wird dann das Plug-In DataTables "gefüttert".

Das ganze sieht dann auf der ersten Seite so aus



Auf der zweiten Seite verschieben sich dann allerdings die Buttons zum durchblättern der Tabelle



Nun wär es natürlich die einfachste Lösung die Buttons erneut relativ zu verschieben und zwar sobald der Button "paginate_previous" enabled/aktiviert wird. Ist sowas mit CSS überhaupt durchführbar?

mfg ChrizzleWhizzle

[Azra]

Der Zurück-Button wird ja vom Plugin aktiviert sofern es eine 2. Seite gibt, nehme ich an.
Keine Ahnung wo der Button hin soll - schätze weiter nach Links? Vergibt doch einfach dem div.paginate_enabled_previous ein margin-right: 500px;

[ChrizzleWhizzle]

Nicht ganz.

Ich möchte den Abstand der Buttons von Bild1 auch bei Bild2. Dabei ist aber momentan das Problem, dass der Button nach rechts bereits relativ verschoben wurde sobald ich nun auf Seite 2 bzw Seite n gehe wird der Abstand zur Tabelle wieder größer. Ohne dem jetzigen css File würde sich der Button mit dem "Pfeil nach rechts" unter dem Button "Pfeil nach links" befinden. Den Button mit dem "Pfeil nach links" habe ich auch schon nach rechts verschoben (normalerweise werden beide buttons links unterhalb der Tabelle initialisiert). Ist denn nun eine If-Abfrage in css möglich oder gehe ich das Problem komplett falsch an?

[Azra]

Ich habe keine Ahnung wo du die Elemente haben möchtest
Kannst du uns eine Skizze machen wo du die Buttons positioniert haben möchtest? Dann können wir dir vielleicht sagen welche Attribute du verändern/einfügen musst um ans Ziel zu kommen.

[ChrizzleWhizzle]

Kein Problem.

So habe ich mir das ganze vorgestellt