Topic Evaluate - alignment

[Holger]

Hejsan,

jag använder Topic Evaluate modden och har problem med att stjärnorna "drar ner" texten:

topic_evaluate.jpg (47.42 KiB) Visad 6751 gånger

Koden ser ut så här:

Kod: Markera allt

	<table width="100%" cellspacing="1">
	<tr>
		<td align="{S_CONTENT_FLOW_BEGIN}" valign="middle" nowrap="nowrap">
		<!-- IF not S_IS_BOT -->
			<!-- IF S_DISPLAY_REPLY_INFO --><a href="{U_POST_REPLY_TOPIC}">{REPLY_IMG}</a><!-- ENDIF -->
		<!-- ENDIF -->
		</td>
		<!-- IF TOTAL_POSTS -->
			<td class="nav" valign="middle" nowrap="nowrap">&nbsp;{PAGE_NUMBER}<br /></td>
			<td class="gensmall" valign="middle" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;<!-- IF EVALUATION_IMG -->&bull;&nbsp;{L_EVALUATE_TOPIC}:&nbsp;{EVALUATION_IMG}&nbsp;<!-- ENDIF --><br /></td>
			<td class="gensmall" width="100%" align="{S_CONTENT_FLOW_END}" nowrap="nowrap"><!-- INCLUDE pagination.html --></td>
		<!-- ENDIF -->
	</tr>
	</table>

Hur får jag det hela på en linje?

Tack på förhand för idér!

Hälsningar
Holger

[Marcus]

Förslagsvis gör du lite ändringar i din tabell, så att stjärnorna ligger i en egen "ruta"... eller så lägger du en <span> runt "total posts" så att du kan justera den uppåt...

Beror alltså på hur element inom ett block påverkar varandra.

/marcus

[Holger]

Ja, jag hade stjärnorna i en egen ruta. Det gick inte heller.
Ska knåpa vidare på detta lite!

[Sinom]

Hej Holger!

Gå till \styles\subsilver2\template och öppna viewtopic_body.html

Hitta:

Kod: Markera allt

<td class="gensmall" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;<!-- IF EVALUATION_IMG -->&bull;&nbsp;{L_EVALUATE_TOPIC}:&nbsp;{EVALUATION_IMG}&nbsp;<!-- ENDIF --></td>

Ersätt med:

Kod: Markera allt

<td class="evaluation" nowrap="nowrap">&nbsp;[ {TOTAL_POSTS} ]&nbsp;<!-- IF EVALUATION_IMG -->&bull;&nbsp;{L_EVALUATE_TOPIC}:&nbsp;{EVALUATION_IMG}&nbsp;<!-- ENDIF --></td>

Gå nu till \styles\subsilver2\theme och öppna stylesheet.css
Hitta:

Kod: Markera allt

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

Lägg till på en ny rad under:

Kod: Markera allt

.evaluation {
	margin: 1px 1px;
	padding-bottom: 10px;
	font-size: 1em;
}

padding-bottom: 10px; varierar beroende på hur stora stjärnor du använder. (Då du inte använder dej utav original )

Lycka till!

Hugs

[Holger]

Snyggt! Det ska testas! Tack!

[Marcus]

Med risk för att sticka ut hakan... och ha fel... men det påverkar ju höjden på hela tabellraden att ändra padding-bottom (i en kolumn)... vilket leder till att "middle" inte längre är på samma ställe i de övriga kolumnerna...

Det var därför jag var inne på de två idéer som jag föreslog.

/marcus

[Sinom]

Man ska alltid framföra sin åsikt

Att lägga till padding-bottom flyttar hela kolumnen. Det var därför jag skapade ett enskilt klass-attribut för just detta tillfälle.

class="evaluation"

Om jag förstod ditt inlägg rätt.

Hugs

[Marcus]

Men när du ändrar padding-bottom på en cell så justeras höjden på de intilliggande cellerna, så vad som är "middle" på dessa ändras....

Dvs. om höjden på alla cellerna är 20px (hittar bara på), och så sätter du 10px på padding-bottom på en av cellerna så får de övriga cellerna höjd 30px.

Btw:
Jag har noterat (redan vid förra inlägget) att du hade skapat en ny klass, och var full medveten om det.

Ev. kan "Post replay" skapa en höjd som gör att det inte i detta fall har någon betydelse det jag påtalar...

/marcus

[Holger]

Det sitter ju en BR i de andra cellerna, kanske de försökte fixa höjden på det sättet.

[Sinom]

Det du säger stämmer alldeles riktigt.

Om min padding överstiger den maximala höjden på någon utav de närliggande tabellerna så kommer hela raden flyttas.
Mitten flyttas dock inte, försökte att på något sätt visa detta med bilder:



Så länge Evaluation-texten inte överstiger höjden utav knapparna så kommer ingenting ändras förutom just den texten.

Jag är dock all ears om jag har fått detta om bakfoten.

Jag har noterat (redan vid förra inlägget) att du hade skapat en ny klass, och var full medveten om det.

Antog detta, men var osäker på om jag förstod ditt inlägg rätt.

- Sinom