Zu lange Itemnamen
Verfasst: 9. Mär 2017, 15:38
Hallöchen,
Ich hab gerade folgendes Problem:
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;
Ich hab gerade folgendes Problem:
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;
}