Freundesliste + Team

Gehe zu Seite:

Geschlossen

Mi. 14.08.2019 10:24 Uhr #1

Tweety060286 Mitglied

Registriert seit
12.02.2018

Beiträge
412

Beitragswertungen

Hallo Leute, irgendwo hatte ich dies schon gefragt aber finde meinen Beitrag diesbezüglich nicht mehr.
Ich habe ein problem bei der Anordnung von Freunden und bei Team ( weis nicht obs bei allen ist ).

Wie bzw Wo passe ich den Anstand an sodass bei mehreren Frudnen eine schöne Struktur beibehalten wird ?

Mach ich das mit line-high ?

verwendete ilch Version: 2.1.x

[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 14.08.2019 11:41 Uhr #2

Slipi Hall Of Fame

Registriert seit
19.01.2018

Beiträge
954

Beitragswertungen
Hallo

line-height ist für die Schrifftformatierung, damit kann man die Höhe der Textzeile definieren.

Ich kann dir schwer helfen da nur ein screen gepostet wurde.

Werden in der index Leerzeichen ausgegeben? zb
- 1 Leerzeichen  
- 2 Leerzeichen &ensp;
- 4 Leerzeichen &emsp;
- oder sogar TAB     
Slipi
slipi.at/
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 14.08.2019 11:46 Uhr #3

Baujahr73 gelöschter User

Hi zusammen,

auf meiner Seite habe ich einen kleinen Schönheitsfehler, siehe Bild!
0 Mitglieder finden den Beitrag gut.
- zitieren
Mi. 14.08.2019 14:57 Uhr #4

Tweety060286 Mitglied

Registriert seit
12.02.2018

Beiträge
412

Beitragswertungen

Finde keine Indes für die Freundeliste.Und beim Team Modul in der Index ist kein leerzeichen inkludiert soviel ich gesehen habe

[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]
0 Mitglieder finden den Beitrag gut.
- zitieren

Mi. 14.08.2019 16:44 Uhr #5

Slipi Hall Of Fame

Das Problem kann ich nicht nachvollziehen

@Tweety060286

Kann es sein das deine bearbeitete style.css das Problem verursacht?

@Baujahr73

Bei deinem Problem können viele Probleme sein zb. die Klasse .col-md-2 hat nicht die breite von 16.66666667%, bitte begebe dich in denn Entwicklerwerkzeug deines Browser (f12) und gehe die struktur durch, so sieht die ausgabe aus

<div class="profile-content active">
            <h1>Freunde</h1>
             <div class="col-xs-6 col-md-2"> <!-- breite der .col-md-2 müsste  16.66666667% haben -->
                <div class="friend panel panel-default">
                    <div class="panel-body">
                      <a href="http://localhost/ilchtest/index.php/user/panel/removeFriend/id/2/ilch_token/1b5d4bb1321e3c2ad0d0276d60806b9de23712baeab7dd47eb18c897af00d63a" class="btn btn-default" style="margin-bottom: 5px;" title="Freund entfernen">Freund entfernen</a>
                        <img class="img-thumbnail" src="http://localhost/ilchtest/static//img/noavatar.jpg" title="S-Design" alt="avatar">
                        <a href="http://localhost/ilchtest/index.php/user/profil/index/user/2" title="S-Designs Profil" class="user-link">S-Design</a>
                    </div>
                </div>
            </div>

Was auch sein kann, das die klasse .btn das Problem verursacht, um zu testen füge in deiner style.css folgendes hinzu

.profile-content .friend .btn {
  white-space: normal;
  padding:1px 6px; /*-- px anzahl wurde frei zum teten genommen und muss daher angepasst werden--*/
}

Slipi

Zuletzt modifiziert von Slipi am 14.08.2019 - 17:13:00

slipi.at/

0 Mitglieder finden den Beitrag gut.

zitieren

Mi. 14.08.2019 22:00 Uhr #6

Tweety060286 Mitglied

Registriert seit
12.02.2018

Beiträge
412

Beitragswertungen

@Slipi

hab vorhin mal die Originale index.php,index_full.php und style.css raufgeladen und cne Cache geleert.
Dabei kam folgendes ergebnis raus, was nun nicht mehr an meiner Syle css liegen dürfte. oder irre ich mich da

gruss und danke tweety

[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 15.08.2019 00:07 Uhr #7

Tweety060286 Mitglied

Registriert seit
12.02.2018

Beiträge
412

Beitragswertungen

Danke nochmal Slipi fürs Gespräch

Also hab nun folgendes Unternommen:
Hab der friend.php eine neue klasse ( friendbreite ) hinzugefügt
und in der Syle.css einen Wert eingegeben ( Standardwert )

.friendbreite {
width: 16.66666667;
}

nun sind die Zeilen dennoch versetzt wie im bild oben ( auch bei standard Ilch style.css + index.php + index_full.php )

ändee ich jedoch den wert auf
.friendbreite {
width: 200px;
}

dann ist die Aufgliederung schön strukturiert.

Gruss Tweety

[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 15.08.2019 09:37 Uhr #8

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen

man hätte auch die vorgefertigte class col-md-2 oder 3 nutzen können, ich denke das hätte das Problem auch gelößt und wäre zu dem dann noch Sinnvoller was die ganze Responsive geschichte angeht, weil hier hast du immer eine Fix breite, sollte man mal testen.

while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
0 Mitglieder finden den Beitrag gut.
- zitieren

Do. 15.08.2019 17:31 Uhr #9

Tweety060286 Mitglied

die ist doch schon angegeben , oder seh ich den Wald vor Lauter Bäume nicht mehr lachen

hier der Teil aus der Friend.php

        <div class="profile-content active">
            <h1><?=$this->getTrans('friends'); ?></h1>
            <?php foreach ($friends as $friend) : ?>
            <div class="col-xs-6 col-md-2 friendbreite">
                <div class="friend panel panel-default">
                    <div class="panel-body">
                        <?php $avatar = (empty($friend->getAvatar())) ? $this->getStaticUrl().'/img/noavatar.jpg' : $this->getStaticUrl().'../'.$this->escape($friend->getAvatar())?>
                        <a href="<?=$this->getUrl(['controller' => 'panel', 'action' => 'removeFriend', 'id' => $friend->getFriendUserId()], null, true) ?>" class="btn btn-default" style="margin-bottom: 5px;" title="<?=$this->getTrans('removeFriend') ?>"><?=$this->getTrans('removeFriend') ?></a>
                        <img class="img-thumbnail" src="<?=$avatar ?>" title="<?=$this->escape($friend->getName()) ?>" alt="<?=$this->getTrans('avatar') ?>">
                        <a href="<?=$this->getUrl(['controller' => 'profil', 'action' => 'index', 'user' => $friend->getFriendUserId()]) ?>" title="<?=$this->escape($friend->getName()) ?>s <?=$this->getTrans('profile') ?>" class="user-link"><?=$this->escape($friend->getName()) ?></a>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>

[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]

0 Mitglieder finden den Beitrag gut.

zitieren

Do. 15.08.2019 17:35 Uhr #10

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen

Also mit Friendbreite klappt es und ohne nicht? Theoretisch sollte es Ohne besser Funktionieren, bitte mal ein Link zu deiner Seite

Zuletzt modifiziert von Nex4T am 15.08.2019 - 17:36:22

while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 15.08.2019 21:06 Uhr #11

Tweety060286 Mitglied

Registriert seit
12.02.2018

Beiträge
412

Beitragswertungen

ja genau so ist es habe derzeit eben eine breite und höhe selbst definiert mit

style.css
.friendbreite {
width: 200px;
height:300px;
}

und in der freinds.php
<div class="col-xs-6 col-md-2 friendbreite">

dann klappt es. Und ohne klappt es nicht

Gruss tweety

Hier der Link zu meiner Seite
externer Link
Hier der Link zur Freundesliste
externer Link

[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 16.08.2019 09:16 Uhr #12

Nex4T Moderator

Registriert seit
28.02.2007

Beiträge
3.414

Beitragswertungen
Ja doof ich kanns gerade nicht sehen da ich erstmal Freunde brauche ahaha - Naja aber anhand deines bildes vermute ich liegt das am Bild du solltest dem Bild mal eine neue class erstellen und geben da machste folgendes rein :
```
.friend-img{
min-height:80px;
max-height:80px;
width:100%;
object-fit:cover;
}
```
sollte so klappen
while(!asleep()) sheep++;
www.movely.biz
www.webplant.eu
0 Mitglieder finden den Beitrag gut.
- zitieren
Fr. 16.08.2019 20:55 Uhr #13

Tweety060286 Mitglied

Registriert seit
12.02.2018

Beiträge
412

Beitragswertungen
Zitat geschrieben von Nex4T
Ja doof ich kanns gerade nicht sehen da ich erstmal Freunde brauche ahaha - Naja aber anhand deines bildes vermute ich liegt das am Bild du solltest dem Bild mal eine neue class erstellen und geben da machste folgendes rein :

.friend-img{ min-height:80px; max-height:80px; width:100%; object-fit:cover; }

sollte so klappen
Also wenn ich nur den folgenden eintrag von dir in der style.css einfüge dann passt gar nix , sprich es ist noch immer verschoben ( habe jedoch die friendbreite wieder entfernt gehabt ).
```
.friend-img{
min-height:80px;
max-height:80px;
width:100%;
object-fit:cover;
}
```
Kann dir gerne per Privatnachricht meine zugangsdaten zukommen lassen dann kannst es gerne mal von meienr Sicht aus sehen

Gruss Tweety
[Es liegt in deiner Hand ob du der Schlächter bist oder das Vieh]
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch CMS 2.X » Design und Templates » Freundesliste + Team