Zum Inhalt springen

CHC zusammen mit css

Erstellt am 5. Januar 2005 · 9 Antworten · letzte Antwort am 2. März 2005

Tags: Frage

philipps ·

Hallo!

Ich nutze das aktuelle chc_forum 1.0.5 zusammen mit Typo3.6.2.
Leider habe ich da jetzt aber ein paar CSS-Probleme die teilweise beim IE und teilweise bei Firefox auftreten. Vielleicht könntet ihr mir da ja weiterhelfen da ich in dem Gebiet nicht so drinn bin ... ;-)

Und so sehen die Probleme aus:

1. Firefox haut hier einen riesen Abstand rein. Vermute mal, das liegt daran, dass das Forum an dieser Stelle zu breit ist, aber wie kann ich das ändern? Taucht komischerweise nur dann auf, wenn unten das Postform da ist ...
Bild: steinmetzger.net/chcproblem1.gif

3. Hier wird die Zeile im IE aufeinmal so dick? Warum denn? Das zerhaut das ganze Design meiner Seite.
Bild: steinmetzger.net/chcproblem2.gif

Also mein CSS-Template:

plugin.tx_chcforum_pi1._CSS_DEFAULT_STYLE (

/* BASIC STUFF */
#tx_chcforum-pi1 {
	font-family: arial, sans-serif;
	font-size: 11px;
}

#tx_chcforum-pi1 caption {
	display: none;
}

#tx_chcforum-pi1 a {
	text-decoration: underline;
}

#tx_chcforum-pi1 a:hover {
	text-decoration: none !important;
}

/* only one form in the forum */
#tx_chcforum-pi1 form {
	margin-top: 20px;
}


/* GENERIC TABLE BEGIN */
.tx-chcforum-pi1-Table {
	border: 1px solid {$chc-forum.style.bordercolor1};
	background: {$chc-forum.style.bgTable};
	margin-bottom: 3px;
   margin-top: 20px;
	width: 100%;
}

.tx-chcforum-pi1-Table thead tr th {
	font-size: 14px;
	font-weight: bold;
	background: {$chc-forum.style.bgHeader};
	padding: 5px;
	text-align: center;
	white-space: nowrap;
}

/* category title row */
.tx-chcforum-pi1-Table tbody tr th {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	background: {$chc-forum.style.bgCat};
	padding: 5px;
	text-align: left;
}

/* category features row */
.tx-chcforum-pi1-Table tbody tr td {
	font-size: 12px;
	background: {$chc-forum.style.bgCell};
	padding: 5px;
}
/* GENERIC TABLE END */


/* CATEGORY TABLE BEGIN */
/* cell 1 */
.tx-chcforum-pi1-catConferenceCell {

}

.tx-chcforum-pi1-catConferenceCell dl {
	margin: 0;
}

.tx-chcforum-pi1-catConferenceCell dt {

}

.tx-chcforum-pi1-catConferenceCell dd {
	font-size: 10px;
	margin-left: 5px;
}

.tx-chcforum-pi1-catConferenceCell dd.new {
	color: {$chc-forum.style.colorNewMessages};
}

/* cell 2 */
.tx-chcforum-pi1-catThreadCell {
	text-align: center;
}

/* cell 3 */
.tx-chcforum-pi1-catPostCell {
	text-align: center;
}

/* cell 4 */
.tx-chcforum-pi1-catLastCell {
	font-size: 10px !important;
	vertical-align: top;
}
/* CATEGORY TABLE END */


/* CONFERENCE TABLE BEGIN */
/* cell 1 */
.tx-chcforum-pi1-confThreadSubjCell {

}

.tx-chcforum-pi1-confThreadNew {
	color: #F00;
	font-size: 10px;
	padding-left: 5px;
}

/* cell 2 */
.tx-chcforum-pi1-confThreadRepliesCell {
	text-align: center;
}

/* cell 3 */
.tx-chcforum-pi1-confThreadAuthorCell {
	text-align: center;
}

/* cell 4 */
.tx-chcforum-pi1-confThreadLastCell {
	font-size: 10px !important;
}

/* CONFERENCE TABLE END */

/* NAVPATH BEGIN*/
.tx-chcforum-pi1-navPath {
	background: {$chc-forum.style.bgNav};
	border: 1px solid {$chc-forum.style.bordercolor2};
	margin: 12px 0 15px 0;
	padding: 3px;
	font-size: 10px;
}
/* NAVPATH END*/

/* PAGELINKS BEGIN */
.tx-chcforum-pi1-pageLinksTop, .tx-chcforum-pi1-pageLinksBtm {
	background: {$chc-forum.style.bgNav};
	border: 1px solid {$chc-forum.style.bordercolor2};
	font-size: 10px;
	margin-bottom: 3px;
	padding: 3px;
	font-size: 10px;
	text-align: right;
	clear: both;
}
/* PAGELINKS END */

/* POST FORM BEGIN */
.tx-chcforum-pi1-postForm {
	border: 1px solid {$chc-forum.style.bordercolor1};
	background: {$chc-forum.style.bgCell};
	padding: 5px;
	margin-bottom: 3px;
}

.tx-chcforum-pi1-postForm fieldset label {
	display: block;
	text-align: right;
	padding-right: 20px;
	width: 150px;
	float: left;
}

.tx-chcforum-pi1-postForm fieldset#formTop input {
	display: block;
	width: 150px;
	float: left;
	padding: 2px;
	border: 1px solid {$chc-forum.style.bordercolor2};
	margin-bottom: 3px;
}

.tx-chcforum-pi1-postForm textarea {
	border: 1px solid {$chc-forum.style.bordercolor2};
	margin: 3px 0;
	width: 100% ;
	height: 150px;
}

.tx-chcforum-pi1-postForm fieldset#formTop br {
	clear:left;
}

.tx-chcforum-pi1-formBtn {
	text-align: center;
}

.tx-chcforum-pi1-formBtn input {
	background-color: #FFF;
	border: 1px solid {$chc-forum.style.bordercolor2};
	font-weight: bold;
	padding: 3px;
	font-size: 12px;
	margin-bottom: 3px;
}

.tx-chcforum-pi1-formBtnHov {
	background-color: #FFF;
	border: 1px solid #C00;
	color: #CC0000;
	font-weight: bold;
	padding: 3px;
	font-size: 12px;
}

.tx-chcforum-pi1-formBtnStyle {
	background-color: #FFF;
	border: 1px solid {$chc-forum.style.bordercolor2};
	padding: 3px;
	margin: 3px;
}

.tx-chcforum-pi1-formBtnStyleHov {
	background-color: #FFF;
	border: 1px solid #C00;
	color: #CC0000;
	padding: 3px;
	margin: 3px;
}
/* POST FORM END */

/* SINGLE POST BEGIN */
.tx-chcforum-pi1-singlePost {
	border: 1px solid {$chc-forum.style.bordercolor2};
	margin: 3px 0;
}

/* top */
.tx-chcforum-pi1-singlePost .author {
	background: {$chc-forum.style.bgCell};
	padding: 3px;
	vertical-align: top;
	height: 78px;
}

.tx-chcforum-pi1-formEmicoStyle {
	margin: 3px;
}

.tx-chcforum-pi1-singlePost .im {
	vertical-align: middle;
	margin-top: 3px;
}

.tx-chcforum-pi1-singlePost .im a {
	margin-right: 10px;
}

.tx-chcforum-pi1-singlePost .im img {
	vertical-align: middle;
	border: 0px;
	padding-right: 2px;
	margin-bottom: 2px;
}

.tx-chcforum-pi1-singlePost #userPic {
	border: 1px solid {$chc-forum.style.bordercolor2};
	float: right;
}

/* middle */
.tx-chcforum-pi1-singlePost .text {
	border-top: 1px solid {$chc-forum.style.bordercolor2};
	border-bottom: 1px solid {$chc-forum.style.bordercolor2};
	background: {$chc-forum.style.bgCell};
}

.tx-chcforum-pi1-singlePost .scroller {
	overflow: auto;
	width: 95%;
	background: #FFF;
	min-height: 125px;
	text-indent: 0px;
	padding: 3px;
}

/* bottom */
.tx-chcforum-pi1-singlePost .edit {
	background: {$chc-forum.style.bgCat};
	padding: 3px;
	height: 19px;
	vertical-align: middle;
	margin-top: 3px;
}

.tx-chcforum-pi1-singlePost .edit a {
	margin-right: 30px;
}

.tx-chcforum-pi1-singlePost .edit img {
	vertical-align: middle;
	border: 0px;
}

.tx-chcforum-pi1-singlePost .attachment {
	background: {$chc-forum.style.bgNav};
	padding: 3px;
}

.tx-chcforum-pi1-singlePost .attachment div {
	vertical-align: top;
}

.tx-chcforum-pi1-singlePost .attachment img {
	float: left;
	margin-right: 5px;
}

.tx-chcforum-pi1-singlePost .offset {
	margin-left: 15px;
	margin-right: 15px;
}

.tx-chcforum-pi1-singlePost .codeCell {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	padding: 5px;
	background-color: #FAFAFA; 
	border: #D1D7DC; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px
}

.tx-chcforum-pi1-singlePost .quoteCell {
	background-color: #FAFAFA;
	font-size: 10px;
	padding: 5px;
	border: #D1D7DC; 
	border-style: solid;
	border-left-width: 1px; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px
}

.tx-chcforum-pi1-singlePost .quoteCellAuthor {
	border: 0px;
	font-weight: bold;
	padding: 3px 0;
}

.tx-chcforum-pi1-singlePost .quoteTable {
	border: 0px;
	margin: 15px 0;
}

.tx-chcforum-pi1-singlePost .text img {
	max-height: 350px;
	max-width: 350px;
}

.tx-chcforum-pi1-singlePostQuoteText {
	background-color: {$chc-forum.style.bgSinglePost};
	border: 1px solid {$chc-forum.style.bordercolor2};
	font-size: 10px;
	padding: 5px;
}

/* SINGLE POST END */


/* FOOTER BOX BEGIN */
.tx-chcforum-pi1-footerBox {
	background: {$chc-forum.style.bgHeader};
	padding: 3px;
	border: 1px solid {$chc-forum.style.bordercolor1};
	font-size: 10px; 
}

/* used for user listing */
.tx-chcforum-pi1-footerBox div { 
	padding-top: 5px; 
	padding-left: 5px;
	font-size: 10px; 
}
/* FOOTER BOX END */

/* HEADER BOX BEGIN */
.header_center {	
  text-align: center;
	height: 34px;
}
.header_text {
	font-size: 24px;
	line-height: 34px; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}
.header_small {
	margin-bottom: 3px;
	border: solid {$chc-forum.style.bordercolor2} 1px;
}
/* HEADER BOX END */

/* TOOL BAR  BEGIN */
.tx_chcforum-pi1-toolBar {
	background: {$chc-forum.style.bgNav};
	border: 1px solid {$chc-forum.style.bordercolor2};
                margin-bottom: 10px;
	margin-bottom: 3px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.tx_chcforum-pi1-toolBar img {
	vertical-align: middle;
	margin-left: 16px;
}

.tx_chcforum-pi1-toolBar div {
	line-height: 30px;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/* TOOL BAR  END */

/* PROFILE BEGIN */
.tx-chcforum-pi1-profileBorder {
	border: 1px solid {$chc-forum.style.bordercolor1};
	padding: 3px;
}

.tx-chcforum-pi1-profileBorder #userPic {
	border: 1px solid {$chc-forum.style.bordercolor2};
	float: right;
}

.tx-chcforum-pi1-profileBorder hr {
	clear: left;
	display: block;
	visibility: hidden;
}

.tx_chcforum-pi1-profileHdrBig {
	background: {$chc-forum.style.bgNav};
	border: 1px solid {$chc-forum.style.bordercolor2};
	padding: 3px;
	margin-bottom: 3px;
	font-size: 10px;
}

.tx_chcforum-pi1-profile_hdr {
	font-size: 10px;
  font-weight: bold;
  background: {$chc-forum.style.bgCell};
  padding: 2px;
}
/* PROFILE END */



/* MESSAGE BOX BEGIN */
.tx-chcforum-pi1-errorBoxCell {
	background: {$chc-forum.style.bgCell};
	font-weight: bold;
	text-align: left;
}

.tx-chcforum-pi1-messageBox, .tx-chcforum-pi1-messageBoxError {
	background: {$chc-forum.style.bgMessage};
	border: 1px dotted {$chc-forum.style.bordercolorMessage};
	margin-bottom: 3px;
	padding: 3px;
	font-weight: bold;
}
/* MESSAGE BOX END */

.tx-chcforum-pi1-forumTextBig {
	font-size: 14px;
	font-weight: bold;
}

.tx-chcforum-pi1-helpBox {
	background-color: {$chc-forum.style.bgCell} !important;
	border-style: none;
}

.tx-chcforum-pi1-linkUp {
	background: #DEE3E7;
	border: 1px solid {$chc-forum.style.bordercolor2};
	margin: 12px 0 15px 0;
	padding: 3px;
	font-size: 10px;
	text-align: center;
}

.tx-chcforum-pi1-previewBoxCell {
	background: {$chc-forum.style.bgHeader};
	text-align: center;
}

Vielen Dank schonmal für eure Mithilfe!
philipp

philipps ·

ok, ich gebs zu. ist wohl eher ein CSS- als ein Typo3-Problem. Ich dachte halt, das sich vielleicht schon jemand anders mit dem CHC-Forum entsprechend beschäftigt hat.
Hat jemand zufällig Links zu Seiten, die sich mit diesen CSS-Kompatibilitätsproblemen zwischen Mozilla-IE beschäftigen?
Danke!

philipp

SLAng ·

Ich hätte auch mal eine Frage zum CSS vom CHC-forum

Nach der installation des Plugins, wurden die kompltten Styleangaben in den Header einer jeden Seite gepackt. Kann man das verhindern und die Styles in eine Externe CSS-Datei packen. Wenn ja, wie verweise ich dann auf diese?

videre ·

Schreib folgendes in das Setup deines Templates:

# Verstecken der typo3 Extension CSS Definitionen im HTML Template:
plugin.tx_chcforum_pi1._CSS_DEFAULT_STYLE>

Dann kannst du die CSS mit einem, ins Template eingebundenen, Stylesheet kontrollieren.

(funktioniert mit jeder extension) 😉

SLAng ·

ne, ledier funktioniert das nicht, hat leider keinen Effekt...

ICh muss doch nicht etwa statt default style meinen Pfad zum Stylesheet da rein schreiben, oder?

einfach nur
plugin.tx_chcforum_pi1._CSS_DEFAULT_STYLE>

ins setup?

philipps ·

ja genau, eigendlich nur diese zeile.
Aus irgendeinem Grund klappt es bei mir aber leider auch nicht. Das chc_forum versucht trotzdem aus der setup.txt die Daten zu holen.

Grüße
philipp

SLAng ·

Ja stimmt, wird aus der txt generiert...

Habe das jetzt so gelöst:
Habe aus der txt-Datei alle Stylesheets gelöscht.
Die Styles habe ich in eine externe CSS-Datei eingebaut und mittels der Ext Stylesheet-Selector eingebunden...
So funktioniert es, da ja automatisch nicht mehr eingefügt werden kann und somit im Quelltext auch nichts mehr erscheint...

Das erscheint mir die beste Lösung zu sein

philipps ·

So, jetzt hab ich nochmal kurz eine andere blöde CSS-Frage zu diesem Thema:

Wenn ich das Forum mit dem IE 6.0. aufrufe, werden komischerweise manche Grafiken so enorm groß skaliert und zerhauen damit das komplette Layout.

Woran liegt denn das, liebe CSS-Profis?

Danke und Grüße
philipp