Spaltenbreite ProSilver

[erdmut]

Hallo,
Ich habe ein paar Spalten eingebaut in mein Board, und andere rausgetan, nun passt die Breite der Spalten nicht mehr so richtig. Wo und wie kann ich die Spaltenbreite ändern, dass möglichst alle 5 Spalten nebeneinander passen?
Zum Board geht es hier: Link
Lg. Erdmut

[aurora876]

im css kannst du die breite in % anpassen.

[erdmut]

im css kannst du die breite in % anpassen.

ist hier die content.css gemeint?
welche Stelle währe das?
Also ich mein nicht die Index Spaltenbreite, sondern die der Themenansicht.

[JFooty]

In der content.css findest du die passende Stelle:

Code: Alles auswählen

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.lastpost {
	width: 25%;
	font-size: 1.1em;
}

Du hast allen Spalten die Klasse lastpost zugewiesen.
Damit haben natürlich alle Spalten die gleiche Breite. Ist das so gewollt?
Für unterschiedliche Spaltenbreiten musst du verschiedene Klassen verwenden.

[erdmut]

Danke, das hat mir schon sehr weiter geholfen.
Wie und wo kann ich denn eine neue Klasse definieren?
Ist das die Viewforum_Body?
Weil, wenn ich nur in der content.css die Prozent hochsetze ändert sich nichts an der Spaltenbreite, nur wenn ich sie einer anderen Klasse zuordne.
Das alle die gleiche Klasse hatten war nicht absicht, hatte mich da noch nicht so ausgekannt.

[JFooty]

Ist das die Viewforum_Body?

Genau. Dort findest du (in der Originaldatei) z.B.

Code: Alles auswählen

<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>

Wenn du eine neu Spalte definieren willst, erstelltst du einfach so etwas:

Code: Alles auswählen

<dd class="deineneuecssklasse">dein_Inhalt_für_die_Spalte</dd>

Dann definierst du in der content.css die entsprechenden Eigenschaften z.B. :

Code: Alles auswählen

dd.deineneuecssklasse {
width: 10%;
}

Du solltest aber aufpassen, dass alle Spalten zusammen nicht über 100% ergeben.

[erdmut]

Danke!
Jetzt sind die SpaltenInhalte nicht mehr mit den Titeln übereinander, sondern verrutscht: Board
content.css:

Code: Alles auswählen

dd.posts, dd.views {
	width: 10%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.wissen {
width: 40%;
}

dd.lastpost {
	width: 20%;
	font-size: 1.1em;
}

viewforum_body:

Code: Alles auswählen

<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
		<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH --> announcement<!-- ENDIF -->">
		<div class="inner"><span class="corners-top"><span></span></span>
		<ul class="topiclist">
			<li class="header">
				<dl class="icon">
					<dd class="lastpost"><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and topicrow.S_TOPIC_TYPE gt 1 -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></dd>
					
					<dd class="wissen">WISSENSCHAFTL. BEZEICHNUNG</dd>
					
					<dd class="lastpost">INFORMATIONEN</dd>
					
					<dd class="views">QUALIT&AumlT</dd>
					
					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist topics">
	<!-- ENDIF -->

		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
			<dl class="icon" style="background-image: url({topicrow.TOPIC_FOLDER_IMG_SRC}); background-repeat: no-repeat;">
				<dd class="lastpost"<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}"><!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a>
					<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED --><a href="{topicrow.U_MCP_QUEUE}">{topicrow.UNAPPROVED_IMG}</a> <!-- ENDIF -->
					<!-- IF topicrow.S_TOPIC_REPORTED --><a href="{topicrow.U_MCP_REPORT}">{REPORTED_IMG}</a><!-- ENDIF --><br />
					<!-- IF topicrow.PAGINATION --><strong class="pagination"><span>{topicrow.PAGINATION}</span></strong><!-- ENDIF -->
					<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
				</dd>
				<dd class="wissen">{topicrow.ADDITIONAL_FFIELD_1}&nbsp;</dd>
				
				<dd class="lastpost">{topicrow.ADDITIONAL_FIELD_1}&nbsp;</dd>
				
				<dd class="views">{topicrow.ADDITIONAL_FFFIELD_1}&nbsp;</dd>
				
				<dd class="lastpost"><span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<!-- IF not S_IS_BOT --><a href="{topicrow.U_LAST_POST}">{LAST_POST_IMG}</a> <!-- ENDIF --><br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>

Hab ich irgendetwas nicht beachtet?

[JFooty]

Na ja, der Text ist ein bisschen lang für die Spaltenbreite:

Code: Alles auswählen

<dd class="wissen">WISSENSCHAFTL. BEZEICHNUNG</dd>

Ersetze das mal mit:

Code: Alles auswählen

<dd class="wissen">WISSENSCHAFTLICHE<br />BEZEICHNUNG</dd>

Weiterer Fehler:

Code: Alles auswählen

<dd class="views">QUALIT&AumlT</dd>

muss heißen:

Code: Alles auswählen

<dd class="views">QUALIT&Auml;T</dd>