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 5974 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. Dezember 2015 18:49:21
Ich teste gerade verschiedene Avatar Größen, 66x22 und 22x66, bekomme diese aber nicht Mittig.
Die CSS Ausgabe muss so bleiben
Code Download 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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
David
Top  #2 Beitrag drucken
Geschrieben am 25. Dezember 2015 20:43:43
Verstehe jetzt nicht was du meinst.. die horizontale oder vertikale Mitte?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Rolly8-HL
Top  #3 Beitrag drucken
Geschrieben am 25. Dezember 2015 21:42:39
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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
David
Top  #4 Beitrag drucken
Geschrieben am 26. Dezember 2015 00:26:18
Direct im HTML - Code wäre es, dem IMG-Tag hinzuzufügen:
Code Download Code  

valign='middle'


In der .css-Datei wäre es:
Code Download Code  

vertical-align: middle;
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Rolly8-HL
Top  #5 Beitrag drucken
Geschrieben am 26. Dezember 2015 02:22:04
Hatte ich schon beides versucht macht er nicht.
Code Download 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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
booker
Top  #6 Beitrag drucken
Geschrieben am 26. Dezember 2015 08:23:30
@ 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
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Rolly8-HL
Top  #7 Beitrag drucken
Geschrieben am 26. Dezember 2015 11:09:03
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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
David
Top  #8 Beitrag drucken
Geschrieben am 26. Dezember 2015 11:56:21
Du musst es an dem Image Tag anwenden.
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Rolly8-HL
Top  #9 Beitrag drucken
Geschrieben am 26. Dezember 2015 12:17:03
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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
David
Top  #10 Beitrag drucken
Geschrieben am 26. Dezember 2015 15:03:42
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.
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Rolly8-HL
Top  #11 Beitrag drucken
Geschrieben am 26. Dezember 2015 17:06:20
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. Dezember 2015 22:40:30
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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
David
Top  #12 Beitrag drucken
Geschrieben am 27. Dezember 2015 04:28:44
Also deinem Bild zufolge funktioniert es nun?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
booker
Top  #13 Beitrag drucken
Geschrieben am 27. Dezember 2015 07:45:33
hey

versuche das einmal

Code Download 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. Dezember 2015 11:36:19
God creates, destroys the human
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Rolly8-HL
Top  #14 Beitrag drucken
Geschrieben am 27. Dezember 2015 12:44:51
@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?
Information:
PHP Version: Nicht ausgewählt •  MySQL Version: Nicht ausgewählt •  PHP-Fusion: Nicht ausgewählt
 
WWW
Springe ins Forum: