Display Image nach links verschieben

dwo · October 22, 2006, 06:55:24 PM

Hallo,

ich möchte den ganzen Bereich DisplayImage nach links verschieben. Zur Zeit ist der Zentriert (classic theme)

Wie mache ich das?

Über die theme.php kann ich nur das innere anpassen, nicht aber den ganzen Bereich verschieben.

(https://coppermine-gallery.com/forum/proxy.php?request=http%3A%2F%2Fwww.aphog.ch%2Fdisplayimage.jpg&hash=4e934066e07ad929be1687aa0743b7fcf37d64e7)

Vielen Dank!

Galerie: www.aphog.de/galerie/index.php

dwo · October 22, 2006, 07:10:37 PM

Noch kurz: mir reicht es nicht das ganze soweit zu verbreitern bis es rechts ankommt.

Eigentlich möchte ich nämlich später rechts vom imagedisplay noch eine Tabelle, evtl. den image navigationsbar) senkrecht einfügen, sofern das möglich ist.

Gibt es da schon ein theme indem das realisiert wurde? Habe leider nichts gefunden.

Joachim Müller · October 22, 2006, 09:45:09 PM

Liest sich irgendwie identisch zu Beschreibung unter Bild in Blocksatz.

Empfohlene Tools, um heraus zu finden, welche CSS-Klasse welchen Bereich der Ausgabe kontrolliert:

dwo · October 23, 2006, 09:01:45 PM

Nur scheinbar.

Die Info haben mir sehr geholfen.

Ich habe den table im css (calssic) lokalisiert. .maintable

Ich kann alles anpassen. D.h. Seitenabstände, border, color etc.

Nur die Angabe align:right; ignoriert das css bzw. der browser.

Ist die überhaupts so richtig? Danke

Joachim Müller · October 24, 2006, 07:28:00 AM

Checke mal themes_dein_theme/template.html and schaue nach, ob einige Tabellenzellen mit dem HTML-Attribut align="center" versehen sind. Ebenfalls verdächtig sind <center> tags.

dwo · October 24, 2006, 01:09:13 PM

Ich habe dort um den ganzen Block ein <div align="center"> </div> gesetzt. Anders bekomme ich das ja nicht mit 800 Pixel Galerie mittig auf die Seite zentriert. www.aphog.de/galerie

Code Select


<body >
<div align="center">
  {CUSTOM_HEADER}
  <table  height="101%" width="800" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td valign="top" style="border: 0px solid #666666;background-color:#FFFFFF;">
        <table width="800" border="0" cellspacing="0" cellpadding="0" >
          <tr>
            <td align="left">

                 <a href="index.php"><img src="themes/classic800/images/site_logo.png" border="0" width="800" heigth="140" alt="" /></a><br>

            </td>
          </tr>

        </table>

<table border="0" width="800" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" align="left" > {SYS_MENU} <br><img src="images/spacer.gif" width="1" height="3" alt=""> </td>
</tr>



<tr>

<td width="110" align="left" valign="top">{SUB_MENU}<br>{ADMIN_MENU}<br></td>
<td width="10"></td>
<td width="680" align="left" valign="top">{GALLERY}
 <div align="center" valgin="bottom" style="font-size:75%">Optimiert für Firefox V1.5 1280X1024</div>

</td></tr></table> </div></body></html>

Selbst die align="left" Befehle werden ignoriert/überschrieben.

Da enden meine html Kenntnisse. :-(

Gruss, Dietmar

Joachim Müller · October 25, 2006, 08:47:51 AM

Schau mal: da gibt es das HTML-Attribut "align" und es gibt die CSS-Attribute zur Ausrichtung. Eine Mixtur davon ist fatal, daher sollte Dein <div>-Container mindestens CSS benutzen (anstelle von HTML) zur Ausrichtung, so dass Du die Vererbung an einer bestimmten Stelle der nachgeordneten Kind-Objekte ändern kannst.
Pixelgenaue Positionierung von Elementen ist eine trickreiche Angelegenheit und alles andere als trivial - da wurde schon Tausende von Artikeln und Seiten dazu geschrieben.

Das CSS-Äquivalent von

Code Select

<div align="center"> </div>ist

Code Select

<div style="text-align:center"> </div>, aber das wird Deine Positionierung nicht haargenau hinbekommen. Ich empfehle stattdessen, den alles umschliessenden Container mit margin zu positionieren.

News:

Display Image nach links verschieben