Wie setze ich Bilder?

Hallo!

Deine Aufgabe lässt sich recht leicht via CSS lösen:

Dazu bearbeite zunächst deine [FONT=Courier New]style.css[/FONT] (im Theme-Verzeichnis; bei dir: http://oliverelias.de/wp-content/the…epper/style.css) und füge ans Ende diesen Code ein:

/* Images */
img.center {
    display: block;
    margin: 0 auto;
}
img.alignleft {
    float: left;
}
img.alignright {
    float: right;
}

Dies allein bewirkt noch nichts. Erst wenn du deine Beiträge bearbeitest und den IMG-Tags (die Auszeichnung für Bilder) ein [FONT=Courier New]class="center"[/FONT] oder [FONT=Courier New]class="alignleft"[/FONT] oder [FONT=Courier New]class="alignright"[/FONT] zuweist, wirken die entsprechenden CSS-Anweisungen.

Wenn du möchtest, dass alle Bilder per Default mittig ausgerichtet sind (also alle im Beitrag angegebenen Bilder), brauchst du noch dieses Stück CSS:

.entrypost img {
    display: block;
    margin: 0 auto;
}

Ich hoffe das hilft!

LG
Dominik

Hi Olli,

einfach den CHOMD auf 777 setzen:

- mit dem FTP-Programm einloggen
- CHMOD-Befehl ausführen (Bspw. TotalCommander: Dateien->Dateiattribute ändern...->ins Kästchen "777")

Das sollte es gewesen sein.

Für weitere Fragen zu Host-Europe solltes du dich aber an den Provider selbst wenden, denn ich bin nie dort gewesen...

LG
Dominik

Zitat von Karbrüggen

Dies allein bewirkt noch nichts. Erst wenn du deine Beiträge bearbeitest und den IMG-Tags (die Auszeichnung für Bilder) ein [FONT=Courier New]class="center"[/FONT] oder [FONT=Courier New]class="alignleft"[/FONT] oder [FONT=Courier New]class="alignright"[/FONT] zuweist, wirken die entsprechenden CSS-Anweisungen.

LG
Dominik

Hallo,

kann mir wohl einer sagen wo GENAU ich das [FONT=Courier New]class="alignright" rein machen muss in meiner Style CSS steht das schon drinne aber ich weiß eben nicht wohin mit den [/FONT][FONT=Courier New]class="alignright" damit das Bild dann auch rechts steht und der Text z.B. links

würde mich über Antwort freuen

LG
Ramona
[/FONT]

Herzlichen Dank marX

so schlau hätte ich auch sein können auf den Visuell Editor mal um zu schalten *an Kopf klatsch*

aber irgendwas stimmt jetzt trotzdem noch nicht... das ist nun in der untersten Spalte wo es ja NICHT hin soll

Ramona’s Blog » Test

in meiner Style CSS steht folgendes drinne (schon vorgefertigt gewesen)

/* -------------------------------- Pictures - Bilder ---------------------------------- */


/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) 


        Die Klasse 'class="alignright"' bei einem Bild (wer hätte das gedacht?!) 
        richtet das Bild rechts aus und 'class="centered' zentriert es.
        Diese Klassen können zum gestalten der Bilder in Beiträgen verwendet
        werden. Sie sind um einiges valider und zukunftsorientierter als
        align="center" etc. */




.entry img.centered {
 padding: 4px;
 display: block;
 margin-left: auto;


 margin-right: auto;


 margin-bottom: 2px;
 border: 1px solid #4c555c;
}


.entry img.wp-smiley{
 border: 0;
 padding: 0;
 background-color: transparent;
}


.entry img.alignleft{
 float: left;
 margin: 10px 7px 0 0;
 display: inline;
 border: 1px solid #4c555c;
 padding: 4px;
}


.entry img.alignright{
 float: right;
 margin: 10px 0 0 10px;
 display: inline;
 border: 1px solid #4c555c;
 padding: 4px;
}

das hab ich nun eingefügt Bild steht auch rechts aber hmm nun steht es ja ganz rechts wollte das Bild eigentlich neben dem Text stehen haben :confused:

marX ich Danke Dir Herzlich für Deine Erklärung jetzt geht es genau so wie es sein sollte :-D

LG
Ramona