Startseite anpassen

[FRASA CNC-Technik]

Hallo, Leute!

Ich habe folgende Probleme bei der Anpassung meiner Seite.
Nachdem ich die Darstellung auf 3 Spalten resp. 4 Spalten geändert habe, passiert folgendes:

- Die Spalten überlappen einander.
- Der Header ist nicht mehr zu sehen???.
- Die Spalten sind nicht zentrisch dargestellt.
- Kein Abstand zwischen den Spalten.

Hat jemand Ahnung warum das so ist, und am wichtigsten, kennt jemand die Lösung des Problems?

Vielen Dank vorab für Eure Hilfe, denn ich bin eigentlich ein absoluter Leihe auf dem Gebiet.

Gruß
Frank
www.frasa-cnc.de



Linkback: https://www.modified-shop.org/forum/index.php?topic=17276.0

[franky_n]

Hallo FRASA CNC-Technik,

nutze am besten den Firebug, damit ist sowas hier schnell zu sehen!

Also Deine Produktspalten hast Du mit einem:

Code: PHP  [Auswählen]

<div style="float:left; width:174px; padding-top:5px; padding-left:2px; background-color:#FFFFFF;">

deklariert.
Mach die Breite 174px einfach mal was größer dann wird das schon besser passen. Am Besten so das es gleichförmig verteilt ist.

Viele Grüße

Franky

[FRASA CNC-Technik]

Hallo, Fränky!

Danke für die schnelle Antwort!!!

Mhh Firebug?

Was, wie und wo? Wie schon geschrieben, bin eigentlich ein absoluter Leihe und bin  froh, dass ich das alles bis jetzt so hinbekommen haben.

Gruß
Frank

 

[sv.brueck]

Hi Frank,

also erst einmal hier die Lösung zu Deinem Header:

In Deiner "stylesheet.css" (die findest Du in Deinem Template-Ordner) steht folgendes:

in Zeile 159

Code: CSS  [Auswählen]

background: url("../Downloads/img/top_logo.jpg") no-repeat scroll 0 0 #FFFFFF;

richtig muss es aber so sein:

Code: CSS  [Auswählen]

background: url(img/top_logo.jpg) no-repeat scroll 0 0 #FFFFFF;

Gruß

Sven

[FRASA CNC-Technik]

Hall, Sven!
Vielen Dank! Das Problem mit dem Header ist gelöst. Ich habe in ganz vielen Zeilen download stehen.
Ich hatte auch die ganzen Schaltflächen in den Farben geändert, siehe cnc-motec.de. Hab ich da irgenwas verstellt beim runterladen css Datei.

Danke und Gruß
Frank

[FRASA CNC-Technik]

Hallo,
ein Problem bekomme ich nicht in den Griff.
Die Spalten schneiden sich weiterhin, setzte ich die Pixel zu hoch, dann springt die 4. Spalte einfach um, wieso? Es stellt sich leider auch kein Abstand zwischen den Spalten ein, kann man irgendwo die Höhe der Spalten einstellen?

Gruß
Frank

[sv.brueck]

Hi,

Du hast wahrscheinlich den gesamten img-Ordner im Download-Ordner geladen und dann diesen so wieder hochgeladen.

Hättest einfach nur den Inhalt des img-Ordners hochladen müssen.

Gruß

Sven

[sv.brueck]

Dein Problem ist der Warenkorb-Button. Dieser hat nämlich eine Breite von 175px und ist dafür zu groß.

Gruß

Sven

[franky_n]

Hallo FRASA CNC-Technik,

der Firebug ist ein Aufsatz für den Browser Mozilla Firefox.
Mit dem kannst Du auf Deiner Webseite nachschauen wie die einzelnen Elemente des Shops "formatiert" sind.

FAQ: Liste wichtiger Freeware- & OpenSource-Programme für die Shop-Erstellung

Anleitungen für Firebug findest du bei YouTube.

Viele Grüße

Franky

[Matt]

[...]
Die Spalten schneiden sich weiterhin, setzte ich die Pixel zu hoch, dann springt die 4. Spalte einfach um, wieso? [...]

Welcome to the wonderful world of CSS.

[...] kann man irgendwo die Höhe der Spalten einstellen?
[...]

Mit "height".

Hab mir den Code grad mal angesehen, irgendwie ist das nichts, was man debuggen möchte. Empfehle "Little Boxes".

[FRASA CNC-Technik]

Hallo, Matt!

Wie ist das gemeint?

Gruß
Frank

[Matt]

Welche meiner drei Aussagen meinst du?

[FRASA CNC-Technik]

Mit dem nicht debuggen wollen?

[Matt]

Weil das der Code einer einzelnen deiner Boxen ist:

Code: PHP  [Auswählen]

<div style="float:left; width:194px; padding-top:5px; padding-left:5px; background-color:#FFFFFF;">
  <table width="181" style="border:1px solid #DDDDDD;" bgcolor="#FFFFFF" align="center" border="0" cellpadding="0" cellspacing="2">
    <tbody><tr valign="middle">
      <td valign="top" height="160px" style="border-bottom:5px solid #000000;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tbody><tr>
                <td align="center" height="60" style="color:#333" bgcolor="#f4f4f4">
                        <strong><a href="http://www.frasa-cnc.de//product_info.php?products_id=1">Vakuumtisch VAKU-AL 10050 - FRASA CNC-Technik</a></strong>
                </td>
            </tr>
            <tr>
                <td height="120" align="center" valign="middle" bgcolor="#FFFFFF" style="padding-right:0px;">
                                            <a href="http://www.frasa-cnc.de//product_info.php?products_id=1"><img src="images/product_images/thumbnail_images/1_0.jpg" alt="Vakuumtisch VAKU-AL 10050"></a>
                                    </td>
            </tr>
            <tr>
                <td height="70" valign="top" align="center" bgcolor="#FFFFFF" style="padding:5px">
                                            &nbsp;
                                    </td>
            </tr>
            <tr>
                <td class="productPreviewContent" align="center">
                    <p class="price">Ab  409,00 EUR <br><small>Stückpreis  419,00 EUR</small></p>
                    <p class="taxandshippinginfo">(inkl. 19 % MwSt. zzgl. <a target="_blank" href="http://www.frasa-cnc.de//popup_content.php?coID=1&amp;KeepThis=true&amp;TB_iframe=true&amp;height=400&amp;width=600" title="Information" class="thickbox">Versandkosten</a>)</p>
                    <p class="vpe"> 419,00 EUR pro Stück</p>                                            <p class="shippingtime">Lieferzeit:
                                                1 Woche
                                                        </p></td>
            </tr>
            <tr>
                <td height="60" valign="middle" align="center" bgcolor="#f4f4f4">
                    <p><a href="http://www.frasa-cnc.de//index.php?action=buy_now&amp;BUYproducts_id=1"><img src="templates/xtc5/buttons/german/button_buy_now.gif" alt="1 x 'Vakuumtisch VAKU-AL 10050' bestellen" width="175" height="24"></a></p>
                    <p><a href="http://www.frasa-cnc.de//product_info.php?products_id=1"><img src="templates/xtc5/buttons/german/button_product_more.gif" alt="Details" border="0"></a></p>
                </td>
            </tr>
        </tbody></table>
      </td>
    </tr>
  </tbody></table>
</div>

Inline-Styles, verschachtelte Layout-Tabellen, falsch ausgezeichnete Überschriften, deprecated-Attribute...

[FRASA CNC-Technik]

Hallo, Leute!
Vielen Dank für die hilfreichen Beiträge. Ich hab jetzt einige Änderungen vorgenommen. Ein paar Kleinigkeiten werde ich noch verändern, aber nach und nach. Bis jetzt bin ich erst einmal zufrieden.
Lässt sich das mit den Spalten auch in die Kategorien einbinden?

Eine Sache hat bis jetzt leider nicht funktioniert. Die einzelnen Boxen der Produkte auf der Startseite sind mir etwas zu hoch, wo genau ist die Zeile zum verkleinern der Box?

Danke und Gruß
Frank