size atrribut wird nicht angenommen :(
MC Breit
- css
hallo, ich habe in der folgenden datei per css formatiert, aber er will partou nicht die schriftgröße annehmen.
Könnt ihr mir sagen wo der fehler liegt?
<!-- BEGIN stylesheets -->
<style type="text/css"> <!--
/* BEGIN allgemeiner angaben [body] */
body { background-color:#000000; margin-left:1px; margin-right:1px; margin-top:1px; margin-bottom:1px; color:#CCCCCC; font-size:8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; scrollbar-face-color:#363636; scrollbar-highlight-color:#363636; scrollbar-shadow-color:#363636; scrollbar-3dlight-color:#888888; scrollbar-arrow-color:#888888; scrollbar-track-color:#2A2A2A; scrollbar-darkshadow-color:#1010; }
/* END allgemeine angaben [body] / / BEGIN überschrift [h1] */
h1 { color:#FFFFFF; font-size:18pt; font-weight:bold; text-decoration:overline; text-align:center; }
/* END überschrift [h1] / / BEGIN (haupt)tabelle [.table] */
.table { background-color:#000000; background-position:center middle; color:#FFFFFF; font-size:8pt; font-family:arial; font-weight:bold; vertical-align:middle; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-width:0px; border-color:#000000; border-style:solid; border-collapse:collapse; padding:0px; speak-header-cell:once; }
.row1 { background-color:#272727; }
.row2 { background-color:#444444; }
.row3 { background-color:#333333; }
/* END (haupt)tabelle [.table] / / BEGIN navigation [.navigation] */
.navigation { color:#CCCCCC; background-color:#333333; border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; }
/* END navigation [.navigation] / / BEGIN formulare [.form] */
.form { background-color:#333333; }
/* END formulare [.form] / / BEGIN copyright [.copyright] */
.copyright { color:#808080; font-size:8pt; }
/* END copyright [.copyright] / / BEGIN links [a:link,a:visited,a:hover,a:active,a:focus] */
a:link,a:active,a:visited { color : #AAAAAA; } a:hover { text-decoration: underline; color : #EEEEEE; }
/* END links [a:link,a:visited,a:hover,a:active,a:focus] / / BEGIN code [.code] */
.code { font-family: 'Courier New', Courier, sans-serif; font-size: 11px; color: #BCBCBC; background-color: #161616; border: #BCBCBC; border-style: solid; border-width: 1px; }
/* END code [.code] */ --> </style>
<!-- END stylesheets -->
</head> <body> <center> <table width="97%" height="100%"> <tr> <td width="20%" height="84"> <a name="anfang">
<!-- BEGIN short navigation -->
<!-- END short navigation -->
</a> <br />
<!-- BEGIN full navigation -->
<!-- END full navigation -->
</td> <td width="60%" height="60">
<!-- BEGIN overall header --> <h1> <u>MCB-CITY</u> | <u>DIE BREITE STADT</u> </h1> </td> <td width="20%" height="84"> <p align="center"> <a href="http://city.mc-breit.de"> <img border="0" src="../bilder/logo1.jpg" width="148" height="56" /> </a> </p> <!-- END overall header -->
</td> </tr> <tr> <td width="100%" colspan="3" height="410"> <p align="center">
<!-- BEGIN irc applet --> <table border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%"> <tr> <td width="100%" height="27" background="../bilder/cellpic3.gif"> <p align="center"><b><font color="#FFFFFF">Chat</font></b></td> </tr> <tr> <td width="100%" class="row3"> <p align="center"> <applet code=IRCApplet.class archive="irc.jar" width="715" height="450" codebase="http://www.afterworkchat.net/pirc/"> <param name="CABINETS" value="irc.cab,securedirc-unsigned.cab"> <param name="nick" value="mcb-city|user"> <param name="name" value="mc-breit.de"> <param name="host" value="donald.afterworkchat.com"> <param name="port" value="6667"> <param name="language" value="german2"> <param name="autoconnection" value="true"> <param name="timestamp" value="true"> <param name="showabout" value="false"> <param name="automaticqueries" value="true"> <param name="smileys" value="true"> <param name="highlight" value="true"> <param name="highlightnick" value="true"> <param name="command1" value="join #mc-breit.de"> <param name="quitmessage" value="Wie Arni schon sagte: I'll be back!"> <param name="asl" value="true"> <param name="bitmapsmileys" value="true"> <param name="smiley1" value=":) img/sourire.gif"> <param name="smiley2" value=":-) img/sourire.gif"> <param name="smiley3" value=":-D img/content.gif"> <param name="smiley4" value=":d img/content.gif"> <param name="smiley5" value=":-O img/OH-2.gif"> <param name="smiley6" value=":o img/OH-1.gif"> <param name="smiley7" value=":-P img/langue.gif"> <param name="smiley8" value=":p img/langue.gif"> <param name="smiley9" value=";-) img/clin-oeuil.gif"> <param name="smiley10" value=";) img/clin-oeuil.gif"> <param name="smiley11" value=":-( img/triste.gif"> <param name="smiley12" value=":( img/triste.gif"> <param name="smiley13" value=":-| img/OH-3.gif"> <param name="smiley14" value=":| img/OH-3.gif"> <param name="smiley15" value=":'( img/pleure.gif"> <param name="smiley16" value=":$ img/rouge.gif"> <param name="smiley17" value=":-$ img/rouge.gif"> <param name="smiley18" value="(H) img/cool.gif"> <param name="smiley19" value="(h) img/cool.gif"> <param name="smiley20" value=":-@ img/enerve1.gif"> <param name="smiley21" value=":@ img/enerve2.gif"> <param name="smiley22" value=":-S img/roll-eyes.gif"> <param name="smiley23" value=":s img/roll-eyes.gif"> <param name="channelfont" value="12 Arial"> <param name="chanlistfont" value="12 Arial"> <param name="nickfield" value="true"> <param name="useinfo" value="true"> <param name="styleselector" value="true"> <param name="setfontonstyle" value="true"> <param name="backgroundimage" value="true"> <param name="defaultbackgroundimage" value="http://www.mc-breit.de/projekts/mcb-city/bar/bilder/chatbg.jpg"> <param name="floatingasl" value="true"> <param name="color0" value="333333"> <!-- Rahmenfarbe der objekte!"highlight" (scrollbar+butoons) --> <param name="color1" value="cccccc"> <!-- 2te Rahmenfarbe der objekte+text(scroll und "angebentext") --> <param name="color2" value="000000"> <!-- unknown usr/bin/dir/../root.pl?=what --> <param name="color3" value="c0c0c0"> <!-- 3te rahmen "shadow" --> <param name="color4" value="ffffff"> <!-- 3d bar-farbe --> <param name="color5" value="424242"> <!-- füllfarbe von buttona und dem scroll track --> <param name="color6" value="000000"> <!-- hintergrund, nicht chatfenster! --> <param name="color7" value="f0f0f0"> <!-- aktiver button (in diesem raum) --> <param name="color8" value="bcbcbc"> <!-- aktiver button (bei aktion in raum) --> <param name="color9" value="424242"> <!-- schliessen [X]-button --> <param name="color10" value="363630"> <!-- Voice --> <param name="color11" value="008080"> <!-- op zeichen [@] --> <param name="color12" value="363630"> <!-- halfop [@] --> <param name="color13" value="363636"> <!-- asl = male --> <param name="color14" value="363636"> <!-- asl = female --> <param name="color15" value="363636"> <!-- asl = unknown usr/bin/dir/../root.pl?=what --> <param name="helppage" value="http://faq.chat.city.mc-breit.de"> </applet> </p> </td> </tr> </table> <!-- END irc applet -->
</td> </tr> <tr> <td width="100%" colspan="3" height="21">
<!-- BEGIN overall footer --> <center> <span class="copyright">Powered by <a href="http://city.mc-breit.de" target="_blank"><font color="#808080">MCB CITY</font></a>© 2003 MC Breit </span> <br /> <span class="copyright"> Theme & Graphics by <a href="http://www.mc-breit.de/" target="_blank"> <font color="#808080">MC Breit</font></a> <br /> </span> </center> <!-- END overall footer -->
Ich habe auch verschiedene schriftgrößen probiert, aber er ignoriert sie einfach :( verzweifel
Hallo,
auch wenn ich den Script nicht ganz durchgelesen habe.
Wenn man eine Tabelle erstellt, dann hat die tabelle die alte Schriftgröße (Standertschriftgröße). Du musst der Tabelle erst einem "class" zu weisen.
also in css:
....
.tabelle {
font-size : 10pt;
}
....
<table class="tabelle">
....
MFG
Andavos
Hallo,
ich erlaube mir einige Kommentare zu deinem CSS:
body {
background-color:#000000;
margin-left:1px;
margin-right:1px;
margin-top:1px;
margin-bottom:1px;
color:#CCCCCC;
Wesentlich kürzer ist folgendes:
background-color: #000;
color: #ccc
margin: 1px;
Schau dir mal http://jendryschik.de/wsdev/einfuehrung/css/box-modell.html#margin an.
font-size:8pt;
Die Einheit 'pt' ist für die Darstellung auf dem Screen ungeeignet, siehe http://www.netandmore.de/faq/fom-serve/cache/414.html.
.table {
background-color:#000000;
background-position:center middle;
color:#FFFFFF;
font-size:8pt;
Siehe oben. Darüber hinaus solltest du vor allem in Rücksichtnahme auf ältere Browser Schriftgrößen immer direkt für die Elemente angeben, die Text enthalten, z.B. direkt für Zellen ('td') und Tabellenüberschriften ('caption') statt für 'table', für Listenpunkte ('li') statt für 'ol' oder 'li' et cetera. Vermutlich löst das auch dein Problem.
border-left-width:0px;
border-right-width:0px;
border-top-width:0px;
border-bottom-width:0px;
border-width:0px;
border-color:#000000;
border-style:solid;
Da du offensichtlich keinen Rahmen haben möchtest, kannst du dir all diese Deklarationen schenken.
.navigation {
color:#CCCCCC;
background-color:#333333;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}
Für die Angabe eines Rahmens ist mindestens die Rahmenart zu deklarieren, also 'border-style'. Sofern hier nichts vererbt wird, fehlt diese Angabe.
a:link,a:active,a:visited { color : #AAAAAA; }
a:hover { text-decoration: underline; color : #EEEEEE; }
Hier scheint mir die Reihenfolge nicht korrekt zu sein, vgl. http://www.netandmore.de/faq/fom-serve/cache/1237.html.
.code {
font-family: 'Courier New', Courier, sans-serif; font-size: 11px; color: #BCBCBC;
background-color: #161616; border: #BCBCBC; border-style: solid; border-width: 1px;
border: 1px solid #bcbcbc;
Gruß,
MI