• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie geht die schrift in meinem menü größer ?

BDG

Mitglied
Also ich hab so ein Menü auf meiner seite ... und ich finde die schrift is so klein ... aber die geht nich größer .. wiso ?
HTML:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web net">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>BDG's first HP</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!--
Ein Verkauf der Vorlage oder das Anbieten dieser Vorlage ist untersagt.
Die Vorlage kann privat (kostenlos) und kommerziell (gegen Bezahlung) genutzt werden.
Je nach dem Inhalt, welcher eingefügt wird, kann auch für Privatpersonen eine kommerzielle Nutzung vorliegen.
Lesen Sie auf der Webseite www.on-mouseover.de/templates/
bitte die Nutzungsbedingungen nach.
-->
 
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}
onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
 
 
</head>
<body   topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" style="margin:0px;padding:0px;height:100%" background="images/back_li.jpg">
<table   border="0" cellpadding="0" cellspacing="0"   >
<tr>
<td><img src="images/ob_li.jpg" width="207" height="24" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/nav_ob.jpg" width="207" height="13" border="0" alt=""></td>
</tr>
<tr>
<td><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/rubrik_li.jpg" width="27" height="22" border="0" alt=""></td><td background="images/rubrik.jpg"  class="rubrik" width="103" height="22">Navigation</td><td><img src="images/rubrik_re.jpg" width="77" height="22" border="0" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td width="207" valign="top"  ><table border="0" cellpadding="0" width="207" cellspacing="0">
<tr>
<td  valign="top"  width="16" height="74" ><img src="images/rand_li.jpg" width="16" height="74" border="0" alt=""></td>
<td valign="top" background="images/nav_mi.jpg" rowspan="3" width="166"  >
 
<table height="100%"  id="menu" size="8"  border="0" cellpadding="0" cellspacing="0"   width="166" >
<tr>
<td style="padding-top:6px"  ><a href="inhalt.html" target="haupt">&nbsp;Home</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Trackmania</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Downloads</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Tips</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Angebote</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Kontakt</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Gästebuch</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Shoutbox</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;Über mich</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="haupt">&nbsp;</a></td>
</tr>
</table></td>
<!--ende menue links-->
 
<td   valign="top" width="25" height="74" ><img src="images/rand_re.jpg" width="25" height="74" border="0" alt=""></td>
</tr>
<tr>
<td valign="top"   ><img src="images/rand_li2.jpg" width="16" height="61" border="0" alt=""></td>
<td valign="top" ><img src="images/rand_re2.jpg" width="25" height="61" border="0" alt=""></td>
</tr>
<tr>
<td valign="top"   ><img src="images/rand_li3.jpg" width="16" height="107" border="0" alt=""></td>
<td valign="top"  ><img src="images/rand_re3.jpg" width="25" height="107" border="0" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/nav_un_li.jpg" width="89" height="46" border="0" alt=""></td>
<td  background="images/nav_un_rubrik.jpg" width="88" height="46">&nbsp;</td>
<td><img src="images/nav_un_re.jpg" width="30" height="46" border="0" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/fuss.jpg" width="207" height="45" border="0" alt=""></td>
</tr>
 
</body>
</html>
wisst ihr wie die schrift kleiner geht ?
 
So hier is die css datei ...
Code:
/* schriftstil,abstände */
body
{ color: #000000;  background-color: #ffffff; font-family: verdana,arial; font-size: 10pt;}
 
table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000 ;font-family: verdana,arial; font-size: 10pt; }
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #cccccc; scrollbar-base-color: #ebebeb;
scrollbar-highlight-color : #9F9F9F; scrollbar-shadow-color :#ffffff;
SCROLLBAR-TRACK-COLOR: #DFDFDF;}
 
/* menue linke seite */
#menu a {display: block;
color:#3f3f3f;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left:3px;padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
 
}
#menu a:visited{color:#3F3F3F;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left:3px;padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
 
}
 
#menu a:active{color:#3F3F3F;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left:3px;padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
  }
#menu a:hover {
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left:3px;padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
 
}
.rubrik {font-size:8pt;color:#CFCFCF}
 
/* menue oben */
 
#menu2 a {display: block;
color:#5F5F5F;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
}
#menu2 a:visited{
color:#5F5F5F;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
}
#menu2 a:active {color:#5F5F5F;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt;
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
}
#menu2 a:hover {
color:#ffffff;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt; 
padding-left: 2px; padding-bottom: 3px; padding-top: 3px;margin: 0px auto;
width:130px;
background-color:#e6e6e6;
border:solid 1px #BFBFBF;
letter-spacing:2px;
}
 
 
/* allgemeine links im text */
a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt; }
a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt; }
a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; }
a:hover{ color: black;  text-decoration:none;font-family: verdana; font-size: 10pt; }
 
Deine CSS-Datei ist weitgehend wirkungslos, weil sie im HTML-Teil keine korrespondierenden Selektoren findet.

Schreibe mal noch das in die CSS-Datei und verwende einen Wert deiner Wahl:
Code:
td a {font-size: 16px;}

Besser wäre jedoch, wenn du den ganzen Tabellenkram komplett entfernst und die Seite zeitgemäß ohne Tabellen aufbaust.
Für ein Menü verwendet man dann üblicherweise eine ul-Liste.
 
@prm: Das stimmt nicht. #menu ist in der HTML-Datei vorhanden.

Ersetze
Code:
#menu a {display: block; color:#3f3f3f;text-decoration:none;font-family:verdana, sans-serif; font-size:9pt; padding-left:3px;padding-bottom: 0px; padding-top: 0px;margin: 0px auto;   }
mit
Code:
#menu a {display: block; color:#3f3f3f;text-decoration:none;font-family:verdana, sans-serif; font-size:[COLOR=Red][B]12px[/B][/COLOR]; padding-left:3px;padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
}
(roten Wert beliebig veränderbar)

Wobei prm mit den Tabellen absolut recht hat.
 
Das geht bei mir net ... ich hab sogar mit 18px probiert aber es hat sich keinen milimeter verändert .... :(
 
Code:
[COLOR=#008080]<td id="menue">[/COLOR][COLOR=#008000]<a href=[COLOR=#0000FF]"inhalt.html"[/COLOR]>[/COLOR][B][I]&nbsp;[/I][/B]Über mich[COLOR=#008000]</a>[/COLOR][COLOR=#008080]</td>[/COLOR]

Irgendwie musst du #menue ja ansprechen. Aber Tabellen... -.- :twisted:
 
Dann les nochmal.

Du hast mehrere Tabellen, die du schließt, aber gleich im Anschluss weitere tr und td Tags verwendest.

Schmeiß die Tabelle weg und mache es so:
HTML:
<ul id="menu">
<li><a href="#link">Link1</a></li>
<li>...</li>
</ul>
 
Zurück
Oben