Welcome, Guest. Please login or register.
Did you miss your activation email?
May 25, 2012, 01:31:53 AM

Login with username, password and session length
Search:     Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter hier und auf unserer neuen Webseite.
155476 Posts in 21708 Topics by 7734 Members
Latest Member: rofroodoOvego
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: Bilder im Text zenttrieren  (Read 1400 times)
boomer0325

Offline Offline

Posts: 14


« on: December 27, 2008, 09:45:04 PM »

Hallo,

wie kann ich im text Bilder zentrieren?
Über die Zentrierfunktion "text" geht es nicht.

Würde gerne die Bilder
http://www.gs-hattenhofen.de/pages/schulleben/2008/nikolaus.php

mittig setzten.

danke Peter
Logged
Stefek
WebsiteBaker Org e.V.

Offline Offline

Posts: 4884



« Reply #1 on: December 27, 2008, 11:26:34 PM »

Die Bilder sind so groß im Original, das Du sie auch ganz gut in der Darstellung vergrößern könntest.

Wenn aber nicht gewünscht, dann mache einfach in de HTML Ansicht <center> bild </center>, dann werden sie auf jeden Fall zentriert dargestellt.

Anstatt diesem:
Code:
<span style="font-size: medium;"><span style="font-family: Arial;"><img src="http://www.gs-hattenhofen.de/media/bilder/CIMG2041.JPG" height="225" width="300"></span></span>

diesen hier:
Code:
<center><img src="http://www.gs-hattenhofen.de/media/bilder/CIMG2041.JPG" height="225" width="300"></center>

Schönen Gruß,
Stefek
Logged

"In a time of universal deceit, telling the truth becomes a revolutionary act."
- George Orwell, Nineteen eighty-four (1984)
BerndJM

Offline Offline

Posts: 1764



« Reply #2 on: December 28, 2008, 01:19:09 AM »

Hallo Peter,

ich nehme an du benutzt den aktuellen FCK-Editor und wir sprechen hier von einer WB-Version 2.7?
Wenn ja, sollten sich die Bilder problemlos zentrieren lassen:
Bild anklicken (damit es selektiert ist - erkennbar an den kleinen "Anfassern" aussenrum) -> dieses "Text zentriert" anklicken und fertig.

Wenn es danach im Editor zentriert angezeigt wird, jedoch auf der Seite nicht, dann wird dies durch irgendeine CSS-Definition deines Templates verhindert.
Ich habe jetzt nicht detailliert nachgeschaut, evtl. ist da ein
Code:
* {text-align: left;}
oder ähnliches drin, das erstmal alle Elemente auf Linksausrichtung zwingt. Dann müßtest du evtl. entweder eine extra Definition für img im contentbereich anlegen (wenn du sie immer zentriert haben willst) oder für den Editor eine Klasse anlegen, die du dann im Editor dem Bild zuweisen kannst.

Das "rumgefickel" in der Quelltextansicht wie von Stefek vorgeschlagen geht zwar auch, ist aber auf Dauer nicht so wirklich prickelnd wink

Nebenbei bemerkt (Stefek hat's ja auch schon angeschnitten):
Tu dir und vor allem den Besuchern deiner Seite einen Gefallen und skaliere die Bilder in einem Bildbearbeitungspro gramm vorher runter! Die Dinger haben irgendwelche 2304 x 1728  Pixel und werden aber nur mit 300 x 225 angezeigt. Du mußt aber trotzdem die komplette Bildgröße über die Leitung jagen, die Ladezeit der Seite wird dadurch ätzend!
Hab's grade mal ausprobiert:
deine Bilder bringen 1,8 MB auf die Waage, runterskaliert grade mal noch 17,1 kB!

Grüßle Bernd
Logged

In theory, there is no difference between theory and practice. But, in practice, there is.
Ralf (Berlin)

Offline Offline

Posts: 1314


« Reply #3 on: December 28, 2008, 05:43:42 AM »


@Bernd, @Peter:
Quote
Tu dir und vor allem den Besuchern deiner Seite einen Gefallen und skaliere die Bilder in einem Bildbearbeitungspro gramm vorher runter! Die Dinger haben irgendwelche 2304 x 1728  Pixel und werden aber nur mit 300 x 225 angezeigt. Du mußt aber trotzdem die komplette Bildgröße über die Leitung jagen, die Ladezeit der Seite wird dadurch ätzend!
Hab's grade mal ausprobiert: deine Bilder bringen 1,8 MB auf die Waage, runterskaliert grade mal noch 17,1 kB!

... oder einfach den imageOptimizer verwenden, genau dafür ist er da und erledigt das automatisch  cool

Gruß
Ralf

Logged
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3714


WWW
« Reply #4 on: December 28, 2008, 09:37:17 AM »

sieht so aus als ob du images im div main mit float left positionierst. entferne das "float left" aus " .main img" und das zentrieren durch den fckeditor müsste greifen. die bilder brauchst du nicht extra bearbeiten, wenn du den schon erwähnten imageoptimizer anwendest.
Logged

boomer0325

Offline Offline

Posts: 14


« Reply #5 on: December 28, 2008, 01:36:09 PM »

Vielen Dank,

habe den optimizer installier, dh er funktioniert so dass er selbst die bilder die angezeigt werden runterrechnet ?

@dbs habe es mit dem float probiert, denke das klappt!

nochmals DANKE!

peter
Logged
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3714


WWW
« Reply #6 on: December 28, 2008, 04:10:32 PM »

das geniale tool imageoptimizer von ralf hat deine angezeigten bilder jetzt einmal in der angezeigten größe abgespeichert im ordner optimized images und läd sie nun immer von da, deshalb verringern sich die ladezeiten erheblich.

aber es sieht nicht so aus als ob der imageoptimizer bei dir funktioniert. hast du alle drei tools installiert(imageoptimizer, dbconnect und rhtools)?
http://phpmanufaktur.de/pages/imageoptimizer.php

habe übrigens auch eine schulseite wink
« Last Edit: December 28, 2008, 04:17:55 PM by dbs » Logged

boomer0325

Offline Offline

Posts: 14


« Reply #7 on: December 29, 2008, 05:40:27 PM »

ok die rhtools hatte ich nicht installiert.
reicht es sie über das modul zu installieren oder muß ich im template noch was einfügen?

peter
Logged
boomer0325

Offline Offline

Posts: 14


« Reply #8 on: December 29, 2008, 05:44:00 PM »

wo finde ich den ordner optimized images?
Logged
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3714


WWW
« Reply #9 on: December 29, 2008, 06:06:44 PM »

folge dem link aus dem post vorher. wichtig!

den optimized_images-ordner findest du dann direkt unter media
Logged

boomer0325

Offline Offline

Posts: 14


« Reply #10 on: December 29, 2008, 08:36:31 PM »

hallo,

ok habe alles installiert, und auch die seite angelegt.Bekomme auch das config menu,  leider habe ich nun nach dem aktivieren keine bilder mehr.

was nun?

peter
Logged
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3714


WWW
« Reply #11 on: December 29, 2008, 09:28:08 PM »

geh nochmal langsam die anleitung durch. besonders das mit dem page_content();
Logged

x.biker

Offline Offline

Posts: 36



« Reply #12 on: December 31, 2008, 01:10:37 PM »

Hallo,
noch etwas ist mir gerade aufgefallen:
Du verwendest das template multiflex-3. Im Original des templates ist ein Copyright - Vermerk mit Hinweis auf websitebaker. Der fehlt aber bei Deiner Version.

Ich halte das ehrlich gesagt für keinen guten Stil. Ich denke, es sollte genau das berücksichtigt werden, was auch beim Original steht, weil das auch was mit geistigem Eigentum zu tun hat.

Viele Grüße

Hans-Gerd Gerhards
Logged
Stefek
WebsiteBaker Org e.V.

Offline Offline

Posts: 4884



« Reply #13 on: December 31, 2008, 05:04:43 PM »

Hallo!

Es gibt bei WebsiteBaker keine Backlinkpflicht. Das heisst, es steht einem frei den Link zu WB.org drin zu lassen, oder darauf zu verzichten.

Anders verhält es sich bei Templates, bei denen der Autor darauf besteht, einen Link zu ihm drin zu lassen.
Daher ist es wichtig, die Lizenzbestimmungen der unterschiedlichen Templates zu beachten.

Bei Templates allgemein und dem "gestigen Eigentum" ist es natürlich etwas abenteuerlich.
Template bedeutet soviel wie Schablone. Und eine Schablone ist etwas anderes als ein Kunstwerk.
Der Begriff Theme passt eigentlich besser, wenn man sich auf seine Rechte als Designer beziehen möchte.

Doch hat sich der Begriff Template fast überall, bei fast allen CMS, eingebürgert, sodass der Begriff auch ein Synonym für Theme geworden ist.
Langer Rede kurzer Sinn: In den Lizenzbestimmungen steht fest, ob und in wie fern der Entwickler auf seine Rechte besteht und falls, was er als Gegenleistung dafür erwartet.

Mit freundlichen Grüßen und ein gutes Neues Jahr!
Christian Stefan
Logged

"In a time of universal deceit, telling the truth becomes a revolutionary act."
- George Orwell, Nineteen eighty-four (1984)
x.biker

Offline Offline

Posts: 36



« Reply #14 on: January 01, 2009, 10:47:50 AM »

Hallo Christian,
Bei Templates allgemein und dem "gestigen Eigentum" ist es natürlich etwas abenteuerlich.
Template bedeutet soviel wie Schablone. Und eine Schablone ist etwas anderes als ein Kunstwerk.
Der Begriff Theme passt eigentlich besser, wenn man sich auf seine Rechte als Designer beziehen möchte.

Langer Rede kurzer Sinn: In den Lizenzbestimmungen steht fest, ob und in wie fern der Entwickler auf seine Rechte besteht und falls, was er als Gegenleistung dafür erwartet.
Du hast damit sicher recht und ich will an dieser Stelle jetzt auch nicht endlos darauf rumeiten. Klar ist auch, dass man bei templates die eine oder andere Anregung in seinen eigenen templates berücksichtigt.

Ich für meinen Teil denke, dass auch bei einem template der Urheber desselbigen Zeit investiert hat und sehe  das somit als guten Stil an, wenn man dies auch durch Beibehaltung der Fußzeile respektiert. Mag das also jeder so handhaben, wie er das für richtig hält.

Viele Grüße und allen Mitlesern alles Gute im neuen Jahr

Hans-Gerd Gerhards
Logged
Stefek
WebsiteBaker Org e.V.

Offline Offline

Posts: 4884



« Reply #15 on: January 01, 2009, 04:06:54 PM »

Hallo Hans-Gerd.

Deine Einstellung ist auch lobenswert, keine Frage.
Doch tatsächlich ist es so, dass  Designer die Templates bereitstellen eine genaue Vorstellung davon haben, wie sie wünschen, dass mit ihrer Arbeit umgegangen wird. Und das legen sie mittels der Lizenz fest  wink

Auch die hier vorgestellten Templates unterliegen unterschiedlichen Lizenzmodellen.
Daher ist es wichtig, auf die Lizenz zu achten.

Oft zählt für die Designer auch nur, einen Beitrag zu leisten, ohne den Nutzern ihrer "Schablonen" zu viele Schranken aufzuerlegen wink
Und auch das ist lobenswert, nicht wahr?

Mit freundlichen Grüßen einen guten Start ins Neue Jahr.
Logged

"In a time of universal deceit, telling the truth becomes a revolutionary act."
- George Orwell, Nineteen eighty-four (1984)
mr-fan

Offline Offline

Posts: 1556


WWW
« Reply #16 on: January 01, 2009, 08:27:36 PM »

Also ich benutzte das multiflex3 für meine 1. seite mit wb http:www.mr-vilsbiburg.deund hab DEN designer des templates selber gefragt ob ich den footer entfernen/ändern darf!

er (ein geistlicher aus den usa) hat mir per email schriftlich bestätigt was in seiner lizenz (gpl) steht, das ich sein template frei verändern kann und "bitte" den link im footer behalten!

er schrieb aber außerdem das das mit dem footer ihn nicht so wichtig ist und ich eine schöne seite damit machen soll, und es so machen soll wie es für richtig finde......

persöhnlich abgeklärt habe ich jetzt einen ruhigen schlaf, viel gelernt und des nächste template mach ich selber Wink

grüße martin  (immer noch post-silvester-probleme...)
Logged

 
Stefek
WebsiteBaker Org e.V.

Offline Offline

Posts: 4884



« Reply #17 on: January 01, 2009, 09:07:42 PM »

Also wäre ihm lieb gewesen, aber wenn er einen Anspruch für sich gehabt hätte, würde er ein anderes Lizenzmodell erwägen.


Meine Lebensgefähre hat ein Portal über Norwegische Waldkatzen, welches ich ihr aufgesetzt habe.

Da das Template auf einem HTML Template aus der RamblingSoul Schmiede stamm und auf einer anderen Lizenz basierte, habe ich natürlich entsprechend der Lizenz beibehalten.

Gut für alle Beteiligten, weil ich nicht zu lange von der Zeit investieren musste, die ich zu dem damaligen Zeitpunkt nicht hatte, meine Freundin zufrieden ist und sich an dem Link nicht stört und der Entwickler und seine Wünsche respektiert wurden.  smiley

Schönen Gruß,
Christian Stefan
Logged

"In a time of universal deceit, telling the truth becomes a revolutionary act."
- George Orwell, Nineteen eighty-four (1984)
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!