Inventar Änderungen

[Lesezeichen]

~

[bwoebi]

Nr 2.
Direkt angesprochen und schöner

Code: Alles auswählen

.frameitembg p:nth-of-type(9) .valueincreased {display:inline-block; width:150px; }
.frameitembg p:nth-of-type(9) { overflow:hidden; white-space:nowrap; }

Nr. 3

Code: Alles auswählen

p[title~="Zustand:"] { padding: 0 0 0 45px; }
p[title~="Zustand:"] b { position:fixed; left:-170px; }
p[title~="Zustand:"] b:before { content:"Waffe: "; position:relative; left:185px; }

Ist mir nichts besseres eingefallen. Daher könnt ihr mich ruhig hauen.^^

Ja ich mag hauen

.frameitembg p:nth-of-type(9)? nicht lieber .frameitembg p.listrow:nth-of-type(9) , weil es sonst bei eventuellen anderen width-Angaben für z.B. Charas kommt, spinnt das ganze…

beim p[title~"Zustand:"] ist fixed fehl am Platz… Genügt nicht einfach ein margin? und zum b:before: warum eine relative pos-Angabe? Mit fixed klappt es eh nicht und du kannst ja auch einfach position:absolute; left: 5px; nehmen? oder so ähnlich

Lösung für Nr. 1

Code: Alles auswählen

.small > b + b {
    margin: 0 0 0 -6px;
}
.small > b + b:before {
    content: " | ";
    background: #ECE9E6;
}

Hmm, mach lieber p.listcaption + p.listrow .small > b + b bzw. p.listcaption + p.listrow .small > b + b:before

[Ankkah]

Zu 1. Daher hab ich geschrieben "Entsprechend Anpassen"
Zu 2. Jop, ist mir entgangen.
Zu 3. Copy & Paste Fehler sry, sollte ein absolute sein.

position:absolute; left: 5px; nehmen?

Ne, das wäre sichtbar, vom linken Rand 5px entfernt.

und zum b:before: warum eine relative pos-Angabe?

Ob relative oder absolute in dem Fall egal.

Genügt nicht einfach ein margin?

Müsste auch gehen, war nur zu faul wg. den unterschiedlichen Längen von Awaffe und Vwaffe.

[bwoebi]

position:absolute; left: 5px; nehmen?

Ne, das wäre sichtbar, vom linken Rand 5px entfernt.

und zum b:before: warum eine relative pos-Angabe?

Ob relative oder absolute in dem Fall egal.
/quote]
^^
Nein die 5px waren für das b:before gedacht^^

[Ankkah]

Da das "Vorfahrenelement (in dem Fall p[title~="Zustand:"] b)" positioniert wurde wird davon ausgegangen und nicht vom Body. Hoffe das ist verständlich ansonsten:
http://de.selfhtml.org/css/eigenschafte ... m#position

[bwoebi]

oh, ich dachte das :before bzw. :after wäre ein direktes Kindelement von dem p.listrow und nicht von dem b -.-

[Lesezeichen]

Ehh...bin ich der Einzige, bei dem die Lösung für Nummer 2 nicht funktioniert?

[Ankkah]

Ne, bist nicht der einzige

Lag daran das in w12 ein sinnloses </p> gibt und ich davon ausging das es in allen Welten vorhanden wäre.

SpoilerShow

Code: Alles auswählen

<p class="listcaption">Ankkah (Erfahrung: 2551)</p>
<p class="listrow"><span class="small"><b><a href="item.php?action=academy">Akademie</a>-Limit: </b> 2510 / <b>Kampfpunkte: </b> 1755</span></p>
<p class="listrow"><a href="ability.php">Charakterfähigkeiten</a> | <a href="item.php?action=missiondesc">Dein Auftrag</a></p>
<p class="listrow"><b>Clan: </b>- <a href="clanmenu.php?action=createclan">Clan gründen</a> &nbsp;|&nbsp; <a href="fight.php?action=groupjoinrand" target="mainFrame" title="Zufälliger Gruppe beitreten"><img src="../images/group.gif" border="0" align="absmiddle"></a></p>
</p>
<p class="listrow"><b>Gruppe: </b><a href="clanmenu.php?action=groupmenu">1 Person</a></p>
<p class="listrow"><b>Lebenspunkte: </b>(<span class="healthok"><b>29</b></span>/31)</p>
<p class="listrow"><b>Geld: </b>890 <img src="../images/icon_gold.gif" width="18" height="12" title="Goldmünzen" border="0" align="absmiddle">&nbsp;&nbsp;&nbsp;&nbsp;(<a href="item.php?action=moneydrop1"><img src="../images/icon_dropgold.gif" width="23" height="12" title="Geld ablegen" border="0" align="absmiddle"></a> | <a href="item.php?action=moneytransfer1"><img src="../images/icon_transfergold.gif" width="30" height="12" title="Geld transferieren..." border="0" align="absmiddle"></a>)</p>
<p class="listrow"><b>Intelligenz: </b>37 (<span class="healthok" id="speedok">+9</span> Speed)</p>
<p class="listrow"><b>Angriffsstärke: </b>35 <span class="valueincreased">+1</span> (durch Waffe)</p>
<p class="listrow" title="Zustand: 99%"><b>Angriffswaffe: </b>kleiner Sandstock <span class="itemmagic">(M)</span></p>
<p class="listrow"><b>Verteidigungsstärke: </b>11  <span class="valueincreased">+10</span></p>
<p class="listrow" title="Zustand: 99%"><b>Verteidigungswaffe: </b>Aura des Todes</p>
<p class="listrow"><b>Hals: </b>Amulett des schwachen Wissens</p>
<p class="listrow"><span class="small"></span></p>

@bwoebi
Außerdem ist mir aufgefallen das :nth-of-type die Klassenangabe ".listrow" ignoriert. of-type eben. Da es sowieso erst ab FF 3.5 unterstützt... weg damit.

Das müsste überall funktionieren egal ob mit einem </p> oder nicht.

Code: Alles auswählen

p.listcaption + p + p + p + p + p + p + p.listrow .valueincreased, p.listcaption + p + p + p + p + p + p + p + p.listrow .valueincreased, p.listcaption + p + p + p + p + p + p + p + p + p.listrow .valueincreased { display:inline-block; width:150px; }
p.listcaption + p + p + p + p + p + p + p.listrow, p.listcaption + p + p + p + p + p + p + p + p.listrow, p.listcaption + p + p + p + p + p + p + p + p +p.listrow { overflow:hidden; white-space:nowrap; }

Sollte man nur nutzen wenn man Lö. 3 auch benützt, da es sein kann, das längere Waffennamen im Nirvana verschwinden.

Vielleicht hat jemand eine bessere Lösung, nur her damit.

[bwoebi]

@bwoebi
Außerdem ist mir aufgefallen das :nth-of-type die Klassenangabe ".listrow" ignoriert. of-type eben. Da es sowieso erst ab FF 3.5 unterstützt... weg damit.

ES ist CSS 3 und wenn schon^^

und p.listrow:nth-of-type(9) heißt das neunte p-Element selektieren und zwar nur falls es eine listrow-Klasse hat und nicht das neunte p-Element mit der Klasse listrow

[Latzhosenträger]

Klappt mitlerweile wunderbar, aber die beiden "Waffe:" scrollen mit runter...

[bwoebi]

änder das fixed in absolute um…

[Latzhosenträger]

Passt. Danke allen

[Latzhosenträger]

Neues Problem:

Die Komplette Box soll hochgezogen werden. Alles über Name (Erfahrung: XXX).. Da lappt der Hintergrund des Frames noch ziemlich über, um für mehr Auflösungen alle Schnellzauber zu bieten wäre es halt gut, dass zu entfernen.

[bwoebi]

Code: Alles auswählen

p.listcaption:first-child ~ *, script:first-child + p.listcaption ~ * { postion: relative; top: XYpx }

Und das ist kein CSS3 - sondern CSS2

[Latzhosenträger]

Was setz ich denn für X und Y ein, wenn ich das ganz nach oben haben will..?