Thread Verfasser: Rolly8-HL
Thread ID: 710
Thread Info
Es gibt 14 Beiträge zu diesem Thema, und es wurde 4869 Mal angesehen.  Ausserdem wurden Dateien angehängt.
 Thema drucken
Avatar mittig setzen
Rolly8-HL
Ich teste gerade verschiedene Avatar Größen, 66x22 und 22x66, bekomme diese aber nicht Mittig.
Die CSS Ausgabe muss so bleiben

Code 

   max-height: 34px;
   max-width: 34px;

Das Rote bekomme ich mit center hin aber der Grüne will da sich nicht Mittig setzen lassen.

Hat da einer eine Idee wie ich die Avatar innerhalb einer Div Mittig bekomme ohne eine Feste Größe anzugeben?
Rolly8-HL hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.

Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
David
Verstehe jetzt nicht was du meinst.. die horizontale oder vertikale Mitte?
 
Rolly8-HL
Alles Mitte Mitte, wenn ich <center></center> einsetze bekomme ich das Rote zwischen Links und Rechts Mittig das wäre soweit OK.
Aber wie bekomme ich das Grüne zwischen Oben und Unten Mittig.
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
David
Direct im HTML - Code wäre es, dem IMG-Tag hinzuzufügen:

Code 

valign='middle'



In der .css-Datei wäre es:

Code 

vertical-align: middle;

 
Rolly8-HL
Hatte ich schon beides versucht macht er nicht.

Code 

      echo "<div class='' 
      style=' vertical-align: middle; border-radius: 8px;   
      margin-top: 8px; float: left; width: 34px; height: 34px;
      ".$wall_last_seen."' >
      <center>
      <img class='' 
      style='max-height: 34px; max-width: 34px; border-radius: 8px;'
      src='".IMAGES."avatars/".$data['user_avatar']."' alt='".$data['user_name']."'>
      </img>
      </center>
      </div>";



Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
booker
@ Rolly8-HL

Du hast einen Fehler in deinem Code.

1. float left

2. Center

Diese beiden Sachen heben sich auf.
Versuche es mal mit margin left oder right.
Gruß
Booker
God creates, destroys the human
 
Rolly8-HL
Nein @booker das ist so schon Richtig, es geht hier um den farbigen Rahmen wer Zeitlich wie oder noch Online ist.
Mit center bekomme ich den Roten mittig zwischen Links und Rechts.

Was ich aber nicht hin bekomme den Grünen mittig zwischen Oben und Unten, damit habe ich ein Problem.
Die beiden Avatar habe ich zum testen speziell so gewählt damit ich das anpassen kann.
Rolly8-HL hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.

Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
David
Du musst es an dem Image Tag anwenden.
 
Rolly8-HL
Ich habe beides versucht, auch das.
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
David
Kannst du das ganze mal als Live-Preview zur Verfügung stellen?

Vorallem das DIV selbst ist 34px, das IMG ebenfalls, das bedeutet da gibts garnichts zum vertikal-zentrieren.

Poste mal den kompletten Code des Kommentars.
 
Rolly8-HL
Ja kann ich machen
http://premium.rolly8-hl.de/infusions...rchive.php

Nachtrag:
So wie ich das jetzt gesehen habe ist die Angabe
vertical-align: middle;
nur geeignet für table bei div ist sie anscheinend Wirkungslos.
Rolly8-HL hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.

Bearbeitet von Rolly8-HL am 26.12.2015 um 23:40
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
David
Also deinem Bild zufolge funktioniert es nun?
 
booker
hey

versuche das einmal

Code 

<?
   echo "<img
       style scr=' vertical-align: middle; border-radius: 8px;   
       margin-top: 8px; float: left; width: 34px; height: 34px;
       ".$wall_last_seen."'
       '".IMAGES."avatars/".$data['user_avatar']."' alt='".$data['user_name']."'> ";

?>       



gruß
booker
Bearbeitet von booker am 27.12.2015 um 12:36
God creates, destroys the human
 
Rolly8-HL
@David ja auch auf meiner Testseite (http://premium.rolly8-hl.de/infusions...rchive.php).

Aber nur mit Hilfe von table und das wollte ich eigentlich vermeiden, werde noch nach was anderes suchen, lasse es aber erst ein mal so.

@booker nein das hatte ich schon alles ruf und runter versucht, scheint so das es sich nicht in die div einpassen lässt damit.
Gruß Rolly8-HL
Was für Andere Wichtig ist muss für mich nicht genauso Wichtig sein!
Bin Dickkopf Unbelehrbar mache aus Protest nicht das was andere für Richtig halten!
Das gibt einem zu Denken oder?
 
Springe ins Forum: