Artikeldarstellung

JMC

Hi Leute...

Hab da ne Frage!

Wenn ich ein Artikel einstelle habe ich den passenden Text unter dem Artikelbild!
Wie bekomme ich es hin, daß der Text fein rechts vom Bild dargestellt wird?

Im Adminbereich ist alles sauber nur wenn ich dann im Frontend schaue habe ich den Text unter dem Bild!

Habe auch schin in der CSS style stunden gesucht aber irgendwie find ich da nichts!

Ich schätze es müsste in diesem Bereich sein...

PHP

body {
background : #333 url(images/bg-home.jpg) repeat-x center top;
color : #777;
font-family : "Arial", Helvetica, sans-serif;
font-size : 10px;
line-height : 14px;
margin : 0;
padding : 0;
text-align : center;
}
#wrap {
margin : 0 auto;
text-align : justify;
width : 980px;
padding : 0;
}
#content {
background : url(images/content-bg.jpg) no-repeat left top;
font-size : 1.2em;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 30px;
width : 539px;
border-right : 1px solid #616262;
}

Alles anzeigen

Würde auch glatt den Link posten aber das ganze liegt bei mir auf dem Heimserver!

Kann mir da einer helfen, oder ist es der falsche schnipsel?!

Danke im vorraus

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bego

Im Stylesheet

.alignleft{float: left;}

zufügen und dann beim Einfügen des Bildes auf "Ausrichtung: links" klicken.

JMC

Hi...

erst einmal danke für das Script!

Das hatte ich aber auch schon einmal eingefügt aber das komische ist...

Mir ist gerde aufgefallen, daß die alten Artikel durch diesen Script sauber angezeigt werden!

Nur die neuen Artikel (die ich nach diesem Script schreibe) werden dann komplett übereinander angezeigt :shock:

Den Schnipsel ([COLOR=DarkRed].alignleft{float: left;}[/COLOR] ) habe ich einfach am Anfang der styles.css gesetzt.

Im Backend habe ich dann das Bild links gebunden!

Schaue ich dann auf der HP nach sind die ersten 2 Artikel fast übereinander und die älteren sind sauber (wie es sein muss) untereinander!

Fällt dir da noch was ein, ohne in die Glaskugel schauen zu müssen?! Ich weiss es nämlich sonst nicht so recht zu erklären :oops:

bego

Ich fürchte, da hilft nur ein zweiter Blick in das Style Sheet. Entweder Du gibst mal deine style.css als Anhang mit oder Du sagst, wo wir die Website finden.

JMC

Also ich füge den style.css hier als Schnipsel ein!

Vielleicht hilft das ja dann mal weiter! Die Page kann ich wie gesagt nicht hochladen, weil der hier auf dem Homeserver liegt und der Kollege für den ich das mache ist momentan nicht zu erreichen um die FTP Daten zu bekommen!
[COLOR=DarkRed]
Also hier der ellenlange Schnipsel in 2 Teile[/COLOR]

PHP

.alignleft{float: left;}


/*************************************
Universal Settings
*************************************/
body {
background : #333 url(images/bg-home.jpg) repeat-x center top;
color : #777;
font-family : "Arial", Helvetica, sans-serif;
font-size : 10px;
line-height : 14px;
margin : 0;
padding : 0;
text-align : center;
}


#wrap {
margin : 0 auto;
text-align : justify;
width : 980px;
padding : 0;
}
#content {
background : url(images/content-bg.jpg) no-repeat left top;
font-size : 1.2em;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 30px;
width : 539px;
border-right : 1px solid #616262;
}
/*************************************
Typography & General Styles
*************************************/
h1, h2, h3, h4, h5 a{
font-family : "Arial", Helvetica, sans-serif;
color: #999;
text-align : left;
text-transform: uppercase;
margin: 5px 0;
}
h5 {
font-weight: normal;
}
h1, h2, h3, h4, h5 a:hover {
color: #aaa;
}
h1 {
font-size : 24px;
line-height : 26px;
}
h2 {
font-size : 18px;
line-height : 20px;
}
h3 {
font-size : 14px;
line-height : 16px;
}
h4 {
font-size : 12px;
line-height : 14px;
}
h5 {
font-size : 11px;
line-height : 12px;
margin: 7px 3px;
text-align: left;
}
a {
text-decoration : none;
color: #999;
}
a:hover {
text-decoration : none;
color: #bbb;
}
a img {
border : none;
}
ul li {
list-style-type : none;
}
.thumbnail {
border : 1px solid #444;
float : left;
margin : 0 15px 15px 0;
}
.meta-data {
font-size : 10px;
line-height : 15px;
color: #aaa;
position : relative;
float : left;
width : 100%;
text-transform : uppercase;
padding : 0 0 0 1px;
margin: 5px 0;
}
.floatleft {
float : left;
}
.floatright {
float : right;
}
.clear, .cleared {
clear : both;
}
.seperator {
margin: 20px 0;
border-bottom : 1px solid #626262;
}
/*************************************
Header & Logo
*************************************/
#header {
background : url(images/header-bg.jpg) no-repeat left top;
height : 150px;
padding : 0;
margin : 0;
}
.logo img {
float : left;
padding-top : 59px;
padding-left : 40px;
border : none;
}
/*************************************
Top Navigation Columns
*************************************/
#top-nav-wrapper {
width : 480px;
height : 120px;
padding : 0;
margin : 20px 30px 0 0;
float : right;
display : block;
}
#top-nav-wrapper ul {
padding : 0;
margin: 5px 0;
width : 140px;
}
#top-nav-wrapper ul li {
border-bottom : 1px solid #555;
padding : 1px 5px;
}
.column-one {
width : 150px;
float : left;
padding : 5px;
}
.column-two {
width : 150px;
float : left;
padding : 5px;
}
.column-three {
width : 150px;
float : left;
padding : 5px;
}
/*************************************
Home Slider Styles
*************************************/
#main {
background : url(images/slider-bg.jpg) no-repeat left top;
position : relative;
overflow : hidden;
height : 475px;
font-size: 11px;
}
#pages {
position : absolute;
height : 600px;
}
.page {
padding : 30px 0;
height : 500px;
width : 980px;
}
.scrollable {
position : relative;
overflow : hidden;
width : 900px;
height : 475px;
margin : 0 auto;
}
.scrollable .items {
width : 20000em;
position : absolute;
clear : both;
}
.item {
float : left;
cursor : pointer;
width : 900px;
height : 300px;
}
.item img {
border : 1px solid #616262;
}
#bottom {
background : url(images/home-bottom-bg.jpg) no-repeat left top;
position : relative;
overflow : hidden;
height : 170px;
margin-top : 1px;
padding : 0 40px;
}
#main_navi {
background : #333;
width : 900px;
height : 66px;
padding : 0 !important ;
margin : 0 auto !important ;
border-top : 1px solid #444;
border-bottom : 1px solid #444;
}
#main_navi li {
background-color : #222;
height : 65px;
padding : 0 0 1px 0;
width : 180px;
cursor : pointer;
list-style-type : none;
float : left;
}
#main_navi li:hover {
background-color : #555;
}
#main_navi li.active {
background-color : #777;
}
#main_navi img {
float : left;
margin-right : 10px;
}
#main_navi strong {
display : block;
}
#main div.navi {
margin-left : 250px;
cursor : pointer;
}
/*************************************
Post Styles
*************************************/
.entry {
margin-bottom : 15px;
}
.entry img {
border: 1px solid #555;
}
.entrybody {
margin : 15px 0;
}
.entrymeta {
font-size : 11px;
padding : 5px 0 0 0;
}

Alles anzeigen

JMC

[COLOR=DarkRed]Hier der 2. Teil[/COLOR]

PHP

/*************************************
Sidebar Styles
*************************************/
#sidebar {
background : url(images/sidebar-bg.jpg) no-repeat right top;
font-size : 12px;
float : right;
padding-top : 30px;
padding-right : 40px;
padding-left : 30px;
width : 300px;
margin: 0;
}
#sidebar h4 {
margin : 20px 0 10px 0;
padding : 10px;
font-size : 12px;
line-height: 14px;
font-weight: bold;
background: #222;
}
#sidebar ul {
list-style-type : none;
margin : 0;
padding : 0;
font-size : 11px;
}
#sidebar ul li {
background : url(images/list-bg.png) no-repeat left;
border-bottom : 1px solid #404040;
margin-bottom : 0.3em;
padding : 3px 3px 3px 20px;
}
#sidebar ul li:hover {
background : url(images/list-bg-over.png) no-repeat left;
}
#ad-300 {
width: 300px;
float: left;
}
/*************************************
Comments Styles
*************************************/
.commentsblock {
width : 539px;
margin : 15px 0;
padding : 0;
}
.commentsblock textarea {
width : 539px;
background : #555;
}
.commentsblock input, .commentsblock textarea {
background : #555;
border : 1px solid #777;
}
.commentsblock textarea:focus {
background : #ddd;
border : 1px solid #555;
}
.commentsblock textarea:focus, .commentsblock input:focus {
background : #ddd;
border : 1px solid #555;
}
.commentauthor {
display : block;
font-size : 1.5em;
}
ol.commentlist {
color : #888;
font-size : 0.9em;
list-style-type : none;
margin : 0;
margin-top : 1.5em;
padding : 0;
}
.commentlist li {
margin-bottom : 0.5em;
padding : 0.5em 1em;
}
.alt {
background : #222;
border : 1px solid #333;
padding : 0.5em;
}
/*************************************
Portfolio Styles
*************************************/
#portfolio-container {
background : url(images/slider-bg.jpg) no-repeat left top;
float : left;
padding-top : 40px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
height : 450px;
list-style-type : none;
clear : both;
text-align: center;
}
.portfolio-thumbnail {
background : #252525;
border : 1px solid #555;
float : left;
width : 158px;
height : 100px;
margin : 0 5px 10px 5px;
padding : 5px;
overflow : hidden;
display : block;
}
#portfolio-title {
background : url(images/portfolio-header.jpg) no-repeat left top;
width : 900px;
height: 50px;
padding : 35px 0 20px 100px;
margin: 0;
float : left;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-weight: bold;
color: #999;
}
#category-title {
width : 600px;
padding : 50px 0;
height : 100px;
float : right;
text-align : left;
display : block;
font-size : 35px;
text-transform : uppercase;
}


/*************************************
Services Page Navigation Tabs
*************************************/
#nav {
display : block;
height : 66px;
width : 900px;
margin : 0 auto;
}
#nav ul {
width : 900px;
padding : 0;
margin : 0 auto;
display : block;
}
#nav li {
border-right : 1px solid #222;
float : left;
list-style-type : none;
text-align : center;
}
#nav a {
display : block;
position : relative;
word-spacing : -2px;
font-size : 11px;
height : 66px;
text-decoration : none;
}
#nav a.current {
background : #333;
}
#nav img {
border : none;
display : block;
float : left;
}
#nav strong {
display : block;
font-size : 13px;
}
#panes {
background : url(images/slider-bg.jpg) no-repeat left top;
width : 980px;
min-height : 450px;
padding-left : 40px;
padding-top : 25px;
position : relative;
font-size: 11px;
}
#panes div {
display : block;
position : absolute;
width : 900px;
}
#panes img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#panes textarea {
width : 798px;
height : 75px;
background : #555;
border : 1px solid #777;
}
#panes input {
background : #333;
border : 1px solid #777;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#panes input:focus {
background : #ccc;
border : 1px solid #555;
}
#panes select {
background : #333;
color: #999;
border : 1px solid #777;
}
#panes select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
.more {
font-weight : bold;
}
.overlay {
display : none;
width : 900px;
padding : 20px;
}
/*************************************
Full Width Page Styles
*************************************/
#fullwidth-container {
background : url(images/slider-bg.jpg) no-repeat left top;
float : left;
padding-top : 30px;
padding-left : 40px;
padding-right : 40px;
margin : 0;
width : 900px;
list-style-type : none;
clear : both;
}
#fullwidth-container img {
border : 1px solid #616262;
float : right;
margin-bottom : 15px;
}
#fullwidth-container textarea {
width : 798px;
height : 75px;
background : #555;
}
#fullwidth-container input {
background : #333;
border : 1px solid #777;
}
#fullwidth-container textarea {
background : #333;
border : 1px solid #777;
}
#fullwidth-container textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#fullwidth-container textarea:focus {
background : #ddd;
border : 1px solid #555;
}
#fullwidth-container input:focus {
background : #ccc;
border : 1px solid #555;
}
#fullwidth-container select {
background : #333;
color: #999;
border : 1px solid #777;
}
#fullwidth-container select:focus {
background : #111;
color: #aaa;
border : 1px solid #777;
}
/*************************************
Footer
*************************************/
#footer {
background : #111;
height : 35px;
clear : both;
font-size : 11px;
margin-top : 15px;
padding-top : 25px;
border-top : 1px solid #444;
text-align: left;
}
.notices {
width: 900px;
margin: 0 auto;
text-align: left;
}
.notices img{
float: right;
margin-top: 5px;
}
/*************************************
Twitter Feed on Homepage
*************************************/
#twitter-feed {
background : url(images/twitter-bg.png) no-repeat left top;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
width : 550px;
float : left;
padding : 0 0 0 20px;
margin-top : 20px;
}
#twitter_div ul {
list-style-type : none;
}
#twitter_div li a {
text-decoration : none;
list-style-type : none;
}
#twitter_div li a:hover {
text-decoration : none;
}
/*************************************
Search Form, Search & Tags Page Title
*************************************/
#search-form {
margin-top : 20px;
padding-top : 14px;
float : right;
}
#search-form input {
width : 292px;
background : #151515;
border : 1px solid #444;
color: #555;
padding : 3px;
}
#search-tags-title {
width : 510px;
background: #111;
margin: 0 0 10px 0;
padding : 0 15px;
line-height : 35px;
float : left;
text-align : left;
display : block;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size : 35px;
font-weight: bold;
color: #999;
text-transform : uppercase;
text-decoration: none;
}

Alles anzeigen

Danke fürs Helfen ;-)

JMC

Aus irgendeinem Grund konnte ich es nicht als Anhang mit Hochladen! Von daher bitte ich zu entschuldigen, daß ich es so splitten musste!

bego

Ich fürchte, ohne URL kann ich Dir da wenig helfen, da man nur raten oder erahnen kann, welche Klassen und IDs des Stylesheets welchen Bereich betreffen.

Grundsätzlich gibt es bei Cascading Style Sheets die Möglichkeit, Elemente mit dem Befehl float:left links anzuordnen und von rechts von weiteren Elementen umfließen zu lassen. Das setzt jedoch voraus, dass rechts genügend Platz für weitere Elemente ist. Ist dies nicht der Fall, werden sie untereinander gezeigt. Zusätzlich zu der Anweisung "setz das Bild nach links und lass es rechts von anderen Elementen umfließen" müsste man sich eben so auch die Abmessungen anschauen, damit die anderen Elemente genügend Platz haben. (Die CSS-Grundregel heißt ja auch: Kein "float" ohne "width".)

Also, poste noch die URL damit man sich das anschauen kann und vielleicht geht es dann weiter.

JMC

Hi und guten Morgen (oder Mittag :-P )

Das hätte ich auch wirklich schon früher machen können!

Also da das ganze ja noch nicht auf den Server ist, kann ich dir ja den Link zur Demo posten (ich depp) :oops:

Hier der Link
http://www.dizenoco.com/demo/category/corporate-branding/

Die Problematik ist wie folgt...

Wenn ich alles so lasse, dann sieht es bei mir so aus:
1. Die Headline
2. Author usw.
3. Bild
4. Text

Da ich nicht weiss wie ich die Darstellung wie in der Demo realisieren kann für meinen Kumpel habe ich mir gedacht ich mache es klassisch!

Sprich kleines Bild (jeweils im einzelnen Artikel links oben in der Ecke) und den Text umfliessen lassen. Halt wie in "Twentyten" Theme auch!

Geb ich dann den Schnipsel [COLOR=DarkRed].alignleft{float: left;} [/COLOR][COLOR=DarkRed][COLOR=Black]ein, dann wird der Contentbereich[/COLOR][/COLOR] (unfachmännisch ausgedrückt) neu verschachtelt! Der erste Artikel ist dann noch relativ sauber aber der 2 und der dritte Artikel liegen fast übereinander!

Habe dann weiter in der CSS getestet, aber leider ohne positiven Ergebniss. Weil irgendwo der Float nicht stimmt oder was auch immer!

Ich hab wirklich Stunden damit verbracht Foren zu durchkämmen und in der Wiki zu schauen! Aber entweder es ist in der CSS [COLOR=DarkRed]UND [/COLOR]wo anders eingebunden, oder ich sehe den Wald vor lauter Bäumen nicht mehr.

LG und dane für die bisherige Hilfe und evtl. kommende

PS.: Ich habe im Anhang die darstellung mit dem Float beigelegt! Hoffe das hilft das ganze zu verdeutlichen!

JMC

Hat da keiner ne Idee wo man da was abändern muss?! :oops:

alchymyth

danke fuers bild mit den fehlanordnungen;

versuch, das hier in die style.css einzufuegen:

Code

.entrytitle h2 { clear:both; }

oder alternativ vielleicht auch:

Code

.seperator { clear:both; }

hoffentlich schiebt das den titel des jeweils folgenden posts unter das bild des vorgaengers.

bego

Zitat von JMC

Hat da keiner ne Idee wo man da was abändern muss?! :oops:

Och, naja, jede Menge Ideen. Aber "mal eben so" ein Theme anpassen …

Also, nehmen wir mal an, Du möchtest folgendes Layout: Artikel-Überschrift, darunter links ein Bild und rechts der Text. Dann hast Du (vereinfacht) innerhalb der Loop folgendes PHP:

PHP

<h2 class="entry-title"> <!-- Titel des Artikels -->
  <a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a>
</h2>


<div class="entry-content">  <!-- Inhalt des Artikels, ggf. mit Bild-->
<?php the_content(); ?>
</div>

Gehen wir nun davon aus, dass der (im Editor eingegebene und dann mit Hilfe des obigen PHP-Codes aus der Datenbank abgerufenen) Inhalt aus einem Absatz besteht, der ein Bild enthält:

HTML

<p>
 <img src="bild.jpg">
   Hier steht noch ganz viel Text der ein bisschen beschreibt, was im Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...
</p>

Nun war Deine Frage zunächst: "Wie bekomme ich es hin, daß der Text fein rechts vom Bild dargestellt wird?" Hierfür könnte man das Bild mit float:left nach links setzen:

HTML

.links {float: left;}
(...)
<p>
 <img src="bild.jpg" class="links">
   Hier steht noch ganz viel Text der ein bisschen beschreibt, was im  Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...
</p>

Hierdurch wird das Bild nach links geschoben und der Text des Absatzes "umfliesst" das Bild. Leider ist das aber nur ein Teil der Lösung, denn

ist der Text kürzer als das Bild, umfließt auch die Überschrift des nächsten Absatz das Bild (was Dein Layout ziemlich durcheinander bringt)
ist der Text länger als das Bild, werden die Zeilen unterhalb (und nicht neben) dem Bild fortgeführt, was auch nicht so richtig prickelnd aussieht. Hübscher wäre jedenfalls eine spaltenweise Darstellung: linke Spalte Bild, rechte Spalte Text.

Das erste Problem bekommt man recht einfach in den Griff, indem man unter dem Content "einen Schlussstrich" unter die Anordnung zieht:

PHP

<div class="entry-content">  <!-- Inhalt des Artikels, ggf. mit Bild-->
<?php the_content(); ?>
</div>
<div style="clear:both"></div>

Kniffeliger wird es beim zweiten Problem, der Anordnung in Spalten. Erste Idee wäre, z.B. festzulegen:

HTML

.links {float: left; width: 150px;}
.rechts{float: right; width: 350px;}
(...)
<p class="rechts">
  <img src="bild.jpg" class="links">
    Hier steht noch ganz viel Text der ein bisschen beschreibt, was im  Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...
 </p>

Das haut ja nun leider gar nicht hin! Das Bild ist Bestandteil des Absatzes (der WordPress-Editor packt jedes <img>-Tag in einen Absatz!) und deshalb würde mit diesem Code erst einmal ein Absatz mit einer Breite von 350px rechts schwebend ausgegeben, in dem dann das Bild links schwebend mit einer Breite von 150px ausgegeben wird. Kurz: Das wollen wir ja nun gar nicht!

Kann man denn den Text irgendwie direkt ansprechen, etwa mit einem <span>-Tag? Nein, denn wir haben im PHP-Skript nur die Zeile

PHP

<?php the_content(); ?>

(Erfahrene PHP-Anwender würden sich an dieser Stelle vielleicht überlegen, wie man den Inhalt in seine Bestandteile zerlegt und diesen unterschiedliche Klassen zuweist. Immerhin kann man den Inhalt "content" mit <?php $content = get_the_content(); ?> einer Variablen zuordnen, die sich dann weiter bearbeiten lässt … Soviel dazu, wir wollen es nicht unnötig kompliziert machen.)

Eine weitere Lösung wäre die Eingabe von Tabellen im WordPress-Editor, bei der in der linken Spalte das Bild und in der rechten Spalte der Text steht:

HTML

<table>
<tr>
 <td width="150">
   <img src="bild.jpg">
 </td>
 <td>
  <p>Hier steht noch ganz viel Text der ein bisschen beschreibt, was im  Bild zu sehen ist und was der Sinn des Lebens ist und überhaupt ...</p>
 </td>
</tr>
  </table>

Hurra, das Layout sieht ja toll aus. Ist das die Lösung? Wohl kaum. Wer will bei jedem Artikel Tabellen anlegen? Das wäre extrem mühsam.

Deshalb hier noch ein weiterer Lösungsansatz:

In der functions.php fügen wir folgende Zeile ein:

PHP

add_theme_support( 'post-thumbnails' );

Dies ermöglicht, dass wir im Editor beim Erstellen eines Artikels ein "Artikelbild" angeben. Dieses Artikelbild kann separat vom Inhalt ausgegeben werden:

PHP

<h2 class="entry-title"> <!-- Titel des Artikels -->
  <a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a>
</h2>


<div class="bild-links"> <!-- Artikelbild -->
<?php the_post_thumbnail(); ?>
</div>


<div class="entry-content">  <!-- Inhalt des Artikels -->
<?php the_content(); ?>
</div>
<div class="clear"></div>

Alles anzeigen

Hierzu fügen wir noch ein paar Zeilen im Stylesheet ein:

HTML

.bild-links{float:left; width:150px;}
.entry-content {float:left; width: 350px;}
.clear{clear:both;}

Nun sollten Bild und Text sauber voneinander getrennt in zwei Spalten stehen. (Das bei Bild und Text float:left; steht, ist ürbigens kein Tippfehler. Vielmehr werden damit die Elemente von links anfangend nebeneinander gereiht "bis kein Platz mehr ist" oder mit clear:both die Aufreihung abgeschlossen wird.)

Leider hat auch diese Methode einen Haken: kommt im Text zusätzlich ein Bild vor, steht es in der rechten Textspalte. Das Leben kann echt gemein sein.

JMC

Hiiiii

Ich danke jeden der sich hier Gedanken zu gemacht hat!

Die Idee von [COLOR=DarkRed]alchymyth[/COLOR] hat mir weiter geholfen!

Dieser Schnipsel

.seperator { clear:both;
padding : 15px 0 0 0;
}

hat mir tatsächlich wieder alles so zurecht gerückt wie es sein sollte!

Auch dir [COLOR=DarkRed]bego [/COLOR]möchte ich danken für deine Hilfestellung!

sole bis denne
JMC

bego

Ähm, ja, bitte bitte ... :roll:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Artikeldarstellung

Jetzt mitmachen!