[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:
(1424 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

___________________________________________________

net & print production : www.randj.net / www.alpha-randj.net
X

vertical-align: middle / margin : auto

jrandi
Beiträge gesamt: 794

20. Jul 2011, 18:55
Beitrag # 2 von 2
Beitrag ID: #476408
Bewertung:
(1383 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

___________________________________________________

net & print production : www.randj.net / www.alpha-randj.net


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
25.01.2021 - 26.01.2021

Digicomp Academy AG, Bern oder Zürich
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

In diesem Basic-Kurs lernen Sie das Wichtigste über den Aufbau und die Funktionsweise von Photoshop. Zusammen mit den notwendigen Grundlagen von Farbenlehre bis Bildauflösung lernen Sie zudem die kreativen Möglichkeiten von Photoshop kennen.

Dauer: 2 Tage
Preis: CHF 1'400.–

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/PHOTM1

Veranstaltungen
25.01.2021 - 26.01.2021

Digicomp Academy AG, Zürich oder virtuell
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

Im Kurs lernen Sie die Schritte vom Import des Rohmaterials bis zum fertig exportierten Clip kennen. Dazu zählen die Materialverwaltung, das Trimmen für Roh- und Feinschnitt, Blenden, Titel und Effekte und eine Übersicht über die wichtigsten Formate.

Preis: CHF 1'700.-
Dauer: 2 Tage

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/AP6

Neuste Foreneinträge


Exel ohne leeres Tabellenblatt starten

Illustrator Skript Übersatztext - Hilfe benötigt

[GREP] beliebige Zeichen finden und durch selbe Anzahl an Leerzeichen oder Anzahl Zeichen "x" ersetzen

Text- oder Grafikrahmen nach Position und Größe suchen und ändern

InDesign 2021 – Suchen/Ersetzen: Farbe

Langsamer MacMini

Netzwerklaufwerke verbinden -> Bei nicht verfügbar Fehlermeldung unterdrücken

Balken hinter einen Bildteil

Geteiltes Album

Verschiedene Netzwerke Handeln
medienjobs