WordPress Überschrift einrücken und Avatar einbauen

Emerica3001 · #1 (**permalink**) 09.01.2010, 15:21

Ich möchte mit Hilfe von Gravatar Avatare für meine Blogposts anzeigen lassen. Leider funktioniert es nicht so, wie ich es möchte. Im Anhang seht ihr meine Vorstellung vom Projekt.

Mit diesem Code fügt man das Avatar ein:

PHP-Code:


			
<?php echo get_avatar( get_the_author_email(), '48' ); ?>

Und hier das Stück, was sich auf die Beitragsüberschrift bezieht:

PHP-Code:


			
<h3 id="post-<?php the_ID(); ?>"> <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>

                        <p class="txt0">by <?php the_author();?> | <?php edit_post_link('Edit', '', ''); ?> | <?php the_time('F jS, Y') ?> | <?php the_category(', ') ?> |   <?php comments_popup_link(__('No Comments »', woothemes), __('1 Comment »',woothemes), __('% Comments »',woothemes)); ?></p>

Egal was ich mache, entweder wird das Bild ober oder unter der Überschrift angezeigt und verzerrt so den gesamten Blogeintrag. Ich kriege es nicht gebacken, die Textzeilen einzurücken und das Bild davor zu setzen. Im WordPress-Forum habe ich auch schon gefragt, aber da kann mir auch niemand helfen.

fricca · #2 (**permalink**) 09.01.2010, 15:31

Die Seite, um die es geht, ist die in deiner Signatur, ja?

Du willst über ein Darstellungsproblem reden? Dann musst du das Problem herzeigen -- also deine Avatare einbinden. Serverseitige Codeschnipsel nützen nichts.
Oder willst du etwas ganz anderes wissen?

Emerica3001 · #3 (**permalink**) 09.01.2010, 15:45

Okay, habs eingebaut. Aber nicht auf der Startseite, nur in der Singlepost-Ansicht: [Fan Film] BATMAN: Ashes To Ashes - Batman, Ashes, Believe, Arkham, VERY, Asylum, Eddy, With, Gotham, Waynes, Alfred, Pennyworth, Bruce, Night, FEATURE, FILM - ********* Tools

Wie gesagt, ich will die beiden Überschriftszeilen einrücken und das Bild dann davor setzen, mittig von diesen beiden Zeilen. Nur weiß ich nicht wie.

fricca · #4 (**permalink**) 09.01.2010, 15:49

Das Bild floaten, den Überschriften einen passenden Margin geben.
Den nachfolgenden Inhalt clearen.

Für solche Darstellungsprobleme ist der Bereich CSS passend.

Emerica3001 · #5 (**permalink**) 09.01.2010, 15:51

Bitte auf deutsch

fricca · #6 (**permalink**) 09.01.2010, 15:53

Kann es sein, dass du keine Ahnung von CSS hast? Dann wirst du dir wohl Grundlagen aneignen müssen. Dafür eignet sich Little Boxes.

[So langsam muss ich Peter um eine Provision bitten. Ach ne, der verdienz ja nix an den Online-Lesern.]

Thielo · #7 (**permalink**) 09.01.2010, 15:53

Du könntest dem Bild ein float: left geben unter anderem

dann wär ds schon mal links, dann könntest du die 2 Überschriftszeilen in ein Div setzen und auch nach links floaten.

siehe beim webninjas links in meiner signatur.

€dith: zu laaaahm... -.-

Emerica3001 · #8 (**permalink**) 09.01.2010, 16:01

Zitat:

Zitat von fricca

Kann es sein, dass du keine Ahnung von CSS hast? Dann wirst du dir wohl Grundlagen aneignen müssen. Dafür eignet sich Little Boxes.

Jo hast Recht, ich kann kein CSS. Mit den ganzen Begriffen kann ich gar nichts anfangen. Ehrlich gesagt hab ich auch nicht den Grips dazu, mir das anzueignen. Hab gedacht das wäre nur ein kleiner Formatierungskniff, der mir fehlt und hoffte, hier eine für mich verständliche Lösung zu bekommen.

Zitat:

Zitat von Thielo

Du könntest dem Bild ein float: left geben unter anderem

dann wär ds schon mal links, dann könntest du die 2 Überschriftszeilen in ein Div setzen und auch nach links floaten.

siehe beim webninjas links in meiner signatur.

€dith: zu laaaahm... -.-

Ja genau so wie in deiner Überschrift möchte ich es auch gerne haben!

fricca · #9 (**permalink**) 09.01.2010, 16:04

Im Forum gibt's Hilfe zur Selbsthilfe. Das setzt Grundkenntnisse und Lernbereitschaft voraus.
Wenn du jemanden brauchst, der dir deinen Code schreibt, solltest du ein Jobangebot in den Offtopic-Bereich stellen.

Thielo · #10 (**permalink**) 09.01.2010, 16:04

Zitat:

Zitat von ********* Tools

Jo hast Recht, ich kann kein CSS. Mit den ganzen Begriffen kann ich gar nichts anfangen. Ehrlich gesagt hab ich auch nicht den Grips dazu, mir das anzueignen. Hab gedacht das wäre nur ein kleiner Formatierungskniff, der mir fehlt und hoffte, hier eine für mich verständliche Lösung zu bekommen.

das ganze ist nur ein kleiner Formatierungskniff der hier auch schon 2 mal genannt wurde.

Zitat:

Zitat von ********* Tools

Ja genau so wie in deiner Überschrift möchte ich es auch gerne haben!

Dann schau dir per Firebug den Code an und nimm den Code und das CSS raus.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Barrierefreiheit wirklich nötig?	jensr	Barrierefreiheit	128	06.11.2006 10:54
Problem: Überschrift <hx> innerhalb von Abschnitt <p>	Ares	CSS	7	24.10.2006 13:30