PHP-FUSION DEUTSCHLAND
  • DEIN CMS - DEINE ZUKUNFT
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.

PHP-Fusion Deutschland - Offizielle Supportseite » Support Allgemein » Anfängerfragen

 Thema drucken
Avatar mittig setzen
Rolly8-HL
Top  #1 Beitrag drucken
Geschrieben am 25.12.2015 um 19:49
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?
 
WWW
David
Top  #2 Beitrag drucken
Geschrieben am 25.12.2015 um 21:43
Verstehe jetzt nicht was du meinst.. die horizontale oder vertikale Mitte?
 
WWW
Rolly8-HL
Top  #3 Beitrag drucken
Geschrieben am 25.12.2015 um 22:42
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?
 
WWW
David
Top  #4 Beitrag drucken
Geschrieben am 26.12.2015 um 01:26
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;
 
WWW
Rolly8-HL
Top  #5 Beitrag drucken
Geschrieben am 26.12.2015 um 03:22
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?
 
WWW
booker
Top  #6 Beitrag drucken
Geschrieben am 26.12.2015 um 09:23
@ 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
 
WWW
Rolly8-HL
Top  #7 Beitrag drucken
Geschrieben am 26.12.2015 um 12:09
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?
 
WWW
David
Top  #8 Beitrag drucken
Geschrieben am 26.12.2015 um 12:56
Du musst es an dem Image Tag anwenden.
 
WWW
Rolly8-HL
Top  #9 Beitrag drucken
Geschrieben am 26.12.2015 um 13:17
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?
 
WWW
David
Top  #10 Beitrag drucken
Geschrieben am 26.12.2015 um 16:03
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.
 
WWW
Rolly8-HL
Top  #11 Beitrag drucken
Geschrieben am 26.12.2015 um 18:06
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?
 
WWW
David
Top  #12 Beitrag drucken
Geschrieben am 27.12.2015 um 05:28
Also deinem Bild zufolge funktioniert es nun?
 
WWW
booker
Top  #13 Beitrag drucken
Geschrieben am 27.12.2015 um 08:45
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
 
WWW
Rolly8-HL
Top  #14 Beitrag drucken
Geschrieben am 27.12.2015 um 13:44
@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?
 
WWW
Springe ins Forum: