könnte mir da jemand weiter helfen?
Wenn Du uns einen Link zur Seite gibst, können wir es gern versuchen.
Hallo,
die Überschriften sind nicht als solche deklariert (h1, h2, ...) .
Tabellen zur Layoutgestaltung zu nehmen, ist leider auch nicht erste Wahl.
M.E. sollten die Überschriften entpsrechend deklariert werden und der dazugehörige Inhalt in einen gesonderten tag.
Nur so besteht aus meiner Sicht die Möglichkeit, Deine Layoutwünsche umzusetzen.
Christian
Wenn ich das so richtig sehe, handelt es "nur" um eine Beitragsseite, oder?
Hier sollte aus meiner Sicht nicht mit Tabellen und Inline-CSS agiert werden.
So könnte ich mir den Aufbau vorstellen, wobei es ggf. erforderlich sein könnte, der Seite auch noch eine zusätzliche Klasse mitzugeben,
um dann per CSS das Layout zu erstellen.
<div class"grau">Prototypen</div>
<div class="text">Lorem ipsum</div>
<div class"grau">Technikmodule</div>
<div class="text">Lorem ipsum2</div>Christian
Sorry,
ich befürchte, wir reden etwas aneinander vorbei,
Ein Template, z.B. Protostar, ist für die Darstellung der Beiträge, die erstellt wurden, verantwortlich, also für das Layout.
Über einen Menüeintrag kann ein einzelner Beitrag angezeigt werden, jedoch ist es möglich, eine Kategorieblog oder Kategorieliste anzeigen zu lassen.
Hierbei handelt es sich dann "Übersicht" über die entsprechend zugewiesenen Beiträge. Die Anzeige der Hauptbeiträge, in der Regel auf der Startseite, ist eine Blogdarstellung anhand der Kennzeichnung der Beiträge als Hauptbeiträge.
Und jetzt die spannende Frage: Was hast Du da?
Christian
Das mit den Hauptbeiträgen sollte NUR als Beispiel und Erklärung dienen.
Dann ist also der Menüpunkt "Modulbau" als Kategorieblog definiert, mit dem dort fünf Beiträge angezeigt werden.
Richtig?
Die php-Datei für den Kategorieblog, die in dem von Dir verwendeten Template benutzt wird (= TemplateOverride), halte ich jedoch (siehe meine vorangegangenen Anmerkungen) für nicht empfehlenswert,
aber vielleicht kkönnen die anderen Mitstreiter etwas Beitragen.
Christian
Moin, bin wieder da.
Überschriften habe ich template (mit template toaster) deklariert. h1-h3 da nicht mehr benötigt werden
Damit kann ich jetzt wenig anfangen. Ein paar Anmerkungen trotzdem. IMHO hat mein Vorredner völlig Recht. Die Struktur der Seite ist völlig verbogen. HTML ist eine Auszeichnungssprache und nicht für Formatierungen zuständig. Das macht CSS. Damit sollte man(n) Deinen Wunsch schon hinbekommen.
Allerdings erst nach ein paar Vorarbeiten. Vielleicht kannst Du die Änderungen erstmal lokal testen, um das Layout nicht total zu zerreißen.
Auf der verlinkten Seite der Teil "Prototypen":
Bitte nicht falsch verstehen, aber daran ist fast alles falsch.
Die letzte Zeile (der Erklärtext) ist keine Überschrift 2. Ordnung (h2) sondern ein Standardabsatz (p). Das trifft auf die gesamte Webseite zu.
Der leere Absatz eine Zeile drüber gehört da nicht hin. Abstand = Formatierung = CSS!
Wieder drüber: Tabellen zur Formatierung sollen tunlichst vermieden werden.
Vorschlag: Biege erstmal Überschriften gerade. Für die durchgehenden grauen Streifen findet sich dann sicher eine Lösung.
Ich mache hier mal ein paar Versuche.
Grmmmpf! Da habe ich wieder mehr abgebissen, als ich kauen kann. Mein CSS ist eingerostet.
Ich versuche es erstmal mit Inline-Styles. Die kannst Du dann immer noch auslagern.
Am Beispiel der "Prototpen". Falls Du online testest: speichere eine Kopie des Beitrages als Backup.
1. Lade das angehängte Bild prototypen.gif in den selben Ordner hoch, in dem sichprototyp.gif befindet.
2. Wechsle in die HTML-Ansicht Deines Editors.
3. Ersetze den Bereich:
<table style="width: 100%; height: 170px; margin-right: auto; margin-left: auto; background-color: #ffffff;">
<tbody>
<tr>
<td style="width: 100%; height: 170px; text-align: left; vertical-align: middle; background-color: #e1e1e1;">
<h1>Prototypen<img style="margin-right: 15px; margin-left: 15px; float: left;" title="Prototyp" src="/images/ueberschriften/prototyp.gif" alt="Prototyp Icon" height="98" /></h1>
</td>
</tr>
</tbody>
</table>
<p> </p>(incl. <p> </p>) durch:
<h1 style="background: url(/images/ueberschriften/prototypen.gif) no-repeat #e1e1e1; padding: 0 0 0 100px; min-height: 80px; line-height: 80px; margin-bottom: 20 px; ">Prototypen</h1>3. Ersetze die Tags <h2>und </h2> in den folgenden Zeilen durch <p> </p>.
Speichere und schau Dir das Resultat an. An den Zahlenwerten kann man noch spielen.
Wenn es nicht klappt oder gefällt, machst Du alles wieder rückgängig.
Ja, es ist immer noch Inline-Style und die grauen Kästen haben einen weßen Abstand rechts und links.