[GastForen Web allgemein HTML und CSS / Stylesheets vertical-align: middle / margin : auto

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

vertical-align: middle / margin : auto

jrandi
Beiträge gesamt: 794

19. Jul 2011, 16:01
Beitrag # 1 von 2
Bewertung:
(1521 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

wie bringe ich das Bild vertikal in die Mitte ?

http://www.bw1.ch/projekte.php?action=detail&id=91&id_foto=346&rub=neubauten

meistens nimmt das Bild die ganze Höhe ein, aber nicht immer, wie beispiel der URL oben. . .

mit margin und vertical-align nix zu machen ?

#content_img {
width: 570px;
position: relative;
margin: auto;
height: 380px;
float: left;
display: block;
text-align: left;
vertical-align: middle;
background-color:#FFF;
}

für tipps und tricks danke ich bestens, gruss
jurg
X

vertical-align: middle / margin : auto

jrandi
Beiträge gesamt: 794

20. Jul 2011, 18:55
Beitrag # 2 von 2
Beitrag ID: #476408
Bewertung:
(1480 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

für alle dies interessiert. . . mit CSS alleine geht da wohl nix, oder irre ich mich ? lasse mich gerne belehren. . . !

habe es jetzt so gelöst :
. sql-query // um foto zu ermitteln
. $file_gr=PATH_UPLOAD.$foto2;
// ausgewähltes photo
. $size = getimagesize($_SERVER["DOCUMENT_ROOT"].$file_gr);
// grösse ausgewähltes photo definieren
. $hauteur = (380 - $size[1]) / 2;
// 380 ist fixe grösse vom container / size[1] = höhe foto -> durch 2 teilen
. $tpl->MxText("img_pos","<style type=\"text/css\"> #img_pos {margin-top: ".$hauteur."px; } </style>"); // parameter in HTML-TPL einzutragen (modeliXe, funktioniert ähnlich oder wohl sogar besser in Smary)

zusammengefasst :
PHP: imgSize zurückholen, distanz ausrechnen und die variablen dann in die HTML-Templates übertragen wo ein CSS-Style eingebunden werden muss (meine CSS sind zwar nur extern, aber eben, da muss man halt mal ne ausnahme machen, denn php-variablen in css-files verträgt sich anscheinend nicht . . . oder ?)

vielleicht habe ich das etwas kompliziert gemacht, wenn's einfacher geht,
bin stets dankbar für Eure tipps & tricks !

thx & gruss
jurg


als Antwort auf: [#476312]

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
17.04.2024

Online
Mittwoch, 17. Apr. 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Günther Business Solutions

https://www.impressed.de/schulung.php?c=sDetail&sid=326

Und es geht doch: Automatisierung im Großformatdruck!