Sponsor-Board.de
Thema geschlossen  Thema schreiben 

Frage an CSS-/HTML-Experten

Verfasser Nachricht

Beiträge: 386
Bewertung: 0
Registriert seit: Oct 2010
Status: offline


Beitrag: #1
Frage an CSS-/HTML-Experten

Moin Leute,

verzweifel gerade an einem Problem an meiner Seite. Und zwar sollen [Link: Registrierung erforderlich] die Artikel in zwei Spalten aufgeteilt werden. Dies habe ich soweit folgendermaßen mit CSS gelöst:

Code:
.testbericht {
width: 390px;
letter-spacing: -0.1em;
margin-left: 30px;
float: left; /* Für die beiden improvisierten Spalten */
padding: 0;
}

Folgendes betrifft nur den Inhalt, also nicht von größrer Bedeutung:

Code:
.post_content {
    color: #2E2E2E;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    letter-spacing: 0;
}

Und folgendermaßen in WordPress eingebaut:

Code:
<div class="testbericht" style="width: 390px; letter-spacing: -0.1em; margin-left: 30px; float: left; padding: 0;">

<h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Link zu <?php the_title(); ?>"><?php the_title(); ?></a></h2>

<div class="clear"></div>

<div class="post_content">

<p>


<?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) {
echo "<div class='artikelbild'>";
the_post_thumbnail(array(125,125), array("class" => "alignleft"));
echo "</div>";
} else { ?> <? } ?>


<?php the_excerpt(); ?>

  <span style="color: #808080;"> Bewertung:  </span><span style="font-size: xx-large; font-family: Oswald, times new roman,times; color: #ff6600;"><strong><?php echo get_post_meta($post->ID, 'punkte', true); ?></strong></span>  <span style="color: #808080;"> von 10  </span>

<hr>

</p>

<div class="clear"></div>

</div>


Nur, wie Ihr seht, scheinen manche Artikel nicht richtig eingerückt zu werden, die linke Spalte bleibt an manchen Stellen einfach frei. Ich habe schon mit der breite und mit "display:" experimentiert, das hilft leider alles nichts. Confused Habt Ihr eine Idee?

Wäre für Hilfe dankbar.

Gruß


[Link: Registrierung erforderlich]

10.06.2012 11:44
 
Alle Beiträge dieses Benutzers finden

Beiträge: 3.413
Bewertung: 33
Registriert seit: Oct 2010
Status: offline


Beitrag: #2
RE: Frage an CSS-/HTML-Experten

nach jedem 2ten Eintrag einfach :

<div style="clear:both;"></div>

ausgeben


Portfolio: [Link: Registrierung erforderlich]

Projekte
[Link: Registrierung erforderlich]
[Link: Registrierung erforderlich]

10.06.2012 11:50
 
Alle Beiträge dieses Benutzers finden

Beiträge: 386
Bewertung: 0
Registriert seit: Oct 2010
Status: offline


Beitrag: #3
RE: Frage an CSS-/HTML-Experten

Danke für den Tipp. Nur wüsste ich spontan nicht, wie man WordPress mitteilt, einen Code nach jedem 2. Artikel einzufügen. Gäbe es nicht noch 'ne andere Lösung?


[Link: Registrierung erforderlich]

10.06.2012 12:02
 
Alle Beiträge dieses Benutzers finden

Beiträge: 446
Bewertung: 0
Registriert seit: Nov 2010
Status: offline


Beitrag: #4
RE: Frage an CSS-/HTML-Experten

Ich kann es derzeit leider nicht nachvollziehen, da ich nur am Handy bin.
Um jeden zweiten Eintrag anzusprechen, führst du zunächst vor der Loop eine neue Variable ein: $i = 0;
Diese zählst du natürlich nach jedem Durchgang hoch $i++;
Jeden zweiten Eintrag kannst du dann mit if($i%2 == 1) ansprechen.


Dieser Post kann Spuren von Sarkasmus und Ironie enthalten.

10.06.2012 12:25
 
Alle Beiträge dieses Benutzers finden

Beiträge: 317
Registriert seit: Sep 2011
Status: Abwesend


Beitrag: #5
RE: Frage an CSS-/HTML-Experten

-

10.06.2012 12:31
 
Alle Beiträge dieses Benutzers finden

Beiträge: 446
Bewertung: 0
Registriert seit: Nov 2010
Status: offline


Beitrag: #6
RE: Frage an CSS-/HTML-Experten

Space-Pilots schrieb:
In PHP ein kleiner Fehler, glaub ich;

} else { ?> <?php } ?>


Der Teil ist eh komplett unnötig, reichen würde } ?>


Dieser Post kann Spuren von Sarkasmus und Ironie enthalten.

10.06.2012 12:37
 
Alle Beiträge dieses Benutzers finden

Beiträge: 386
Bewertung: 0
Registriert seit: Oct 2010
Status: offline


Beitrag: #7
RE: Frage an CSS-/HTML-Experten

Gut, prinzipiell funktioniert das mit dem PHP, Fehler wird durch ein "clear: both;" allerdings nicht behoben. Ich habe allerdings 'ne Lösung gefunden: Eine absolute Höhe für die Klasse bzw. für die Blöcke angeben. Somit werden sie korrekt aneinander geordnet.

Trotzdem Danke für die Hilfe.


[Link: Registrierung erforderlich]

10.06.2012 12:39
 
Alle Beiträge dieses Benutzers finden
Thema geschlossen  Thema schreiben 

Möglicherweise verwandte Themen...
Thema: Verfasser Antworten: Ansichten: Letzter Beitrag
  Hilfe bei HTML Schnipsel MaXxXaM 7 2.899 28.03.2019 00:33
Letzter Beitrag: BounTyOnline
  Ein wenig Hilfe bei PHP / HTML wahke 5 2.173 16.02.2019 07:41
Letzter Beitrag: wahke
  Frage Script Website HardwareNow 3 2.182 16.02.2018 12:32
Letzter Beitrag: vitalizing-τέχνη
  WP HTML Template in Theme einbinden Invisible 4 2.086 13.11.2017 12:13
Letzter Beitrag: Invisible
  PhP / HTML Frage Bildergalerie? HardwareNow 4 2.191 27.07.2017 13:14
Letzter Beitrag: GYJohn

 Druckversion anzeigen
 Thema einem Freund senden
 Thema abonnieren
 Thema zu den Favoriten hinzufügen

Sponsor-Board.de

Community
Über uns
Partner
Powered by Mybb: Copyright 2002-2024 by MyBB Group - Deutsche-Übersetzung von Mybb.de
 
© 2007-2024 Sponsor-Board.de - Hosted by OVH

Willkommen auf SB!   Sie benötigen ein Sponsoring?   1. Anmelden   2. Sponsoring-Anfrage erstellen   3. Nachrichten von Sponsoren erhalten   Kostenlos!   Jetzt registrieren