Zu lange Itemnamen

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Antworten
Benutzeravatar
Teepflanze
Kopolaspinne
Beiträge: 706
Registriert: 2. Aug 2011, 11:43

Zu lange Itemnamen

Beitrag von Teepflanze » 9. Mär 2017, 15:38

Hallöchen,

Ich hab gerade folgendes Problem:
Bild

Der Name der obersten Zeichnung ist einfach zu lang, als das es da wirklich gut reinpassen würde, noch schlimmer wird es bei starken Rückangriffen.
Gibt es eine Möglichkeit besonders lange Itemnamen auf 2 Zeilen zu verteilen? Irgendwie komm ich einfach nicht dahinter *seufz*

CSS der dafür derzeit verwendet wird;
SpoilerShow

Code: Alles auswählen

/* Schmälere Anzeige für Items im Inventar */
p.listitemrow {
    font-size: 10px;
    white-space: nowrap;
    position: relative;
}
p.listitemrow {
    position: relative;
    font-size: 0px;
    color: transparent;
    padding: 2px 4px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(186, 186, 186);
    border-image: initial;
}
.listitemrow:not(#filterrow) a[href^="item.php?action=activate"]::after {
    display: inline-block;
    content: "";
    height: 100%;
    width: 84%;
    position: absolute;
    top: 0px;
    left: 0px;
}
p.listitemrow b {
    font-size: 11px;
    color:black;
}
p.listitemrow:hover {
    color: #0086d8 !important;
    background: #ddf2ff;
}
p.listitemrow span.medium {
    font-size: 0px;
    color: transparent;
    position: absolute;
    top: 3px;
    right: 2px;
}

.listitemrow:not(#filterrow) a[href^="item.php?action=manytransfer"],
.listitemrow:not(#filterrow) a[href^="item.php?action=transfer"],
.listitemrow:not(#filterrow) a[href^="item.php?action=manydrop"],
.listitemrow:not(#filterrow) a[href^="item.php?action=watch"] { font-size: 0px; padding-right:3px;}
	p.listitemrow img[src$="icon_transfer.gif"] 		{ display: none; }
	p.listitemrow img[src$="icon_drop.gif"] 			{ display: none; }
	p.listitemrow img[src$="icon_view.gif"] 			{ display: none; }


.listitemrow:not(#filterrow) a[href^="item.php?action=watch"]:after {
    content: url(img/view.png);
    top: 4px;
    opacity: 0.5;
}
.listitemrow:not(#filterrow) a[href^="item.php?action=watch"]:hover:after {
    content: url(img/view_hover.png);
    top: 4px;
    opacity: 1;
}

.listitemrow:not(#filterrow) a[href^="item.php?action=manydrop"]:after {
    content: url(img/drop.png);
    top: 4px;
    opacity: 0.5;
}
.listitemrow:not(#filterrow) a[href^="item.php?action=manydrop"]:hover:after {
    content: url(img/drop_hover.png);
    top: 4px;
    opacity: 1;
}

.listitemrow:not(#filterrow) a[href^="item.php?action=manytransfer"]:after {
    content: url(img/transfer.png);
    top: 4px;
    opacity: 0.5;
}
.listitemrow:not(#filterrow) a[href^="item.php?action=manytransfer"]:hover:after {
    content: url(img/transfer_hover.png);
    top: 4px;
    opacity: 1;
}
.listitemrow:not(#filterrow) a[href^="item.php?action=transfer"]:after {
    content: url(img/transfer.png);
    top: 4px;
    opacity: 0.5;
}
.listitemrow:not(#filterrow) a[href^="item.php?action=transfer"]:hover:after {
    content: url(img/transfer_hover.png);
    top: 4px;
    opacity: 1;
}


Bild Mlem.

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste