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

Problem mit der Breite von Navigationsbuttons

Status
Für weitere Antworten geschlossen.
A

Anonymous

Neues Mitglied
Hallo,

kann mir mal jemand sagen, wieso die Buttons hier nicht so breit sind, wie angegeben? Ich kann reinschreiben, was ich will, die sind nur so breit, wie der Text lang ist.

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Homoeolit.com - Informationsdienst f&uuml;r Hom&ouml;eopathen</title>
        <style type="text/css">
            <!--
                .body {
                    color:#000000;
        	        background-color:#FFFFFF;
        	        font-family:Tahoma;
        	        font-size:14px;
                }
	
                .layout {
                    background-image:url(bilder/layout.png);
					background-repeat:no-repeat;
                	width:100%;
                	height:100%;
                }

                .navLink {
                    height:35px;
        	        width:100%;
        	        background-color:#00BE7B;
        	        color:#000000;
					text-decoration:none;
					border-left:1px solid #FFFFFF;
					border-top:1px solid #FFFFFF;
					border-right:1px solid #848284;
					border-bottom:1px solid #848284;
                }

                .navLink:hover {
                    height:35px;
	                width:100%;
	                background-color:#00947B;
	                color:#000000;
					text-decoration:none;
					border-left:1px solid #848284;
					border-top:1px solid #848284;
					border-right:1px solid #FFFFFF;
					border-bottom:1px solid #FFFFFF;
                }
				
				.navLink2 {
                    height:35px;
        	        width:300px;
        	        background-color:#00BE7B;
        	        color:#000000;
					text-decoration:none;
					border-left:1px solid #FFFFFF;
					border-top:1px solid #FFFFFF;
					border-right:1px solid #848284;
					border-bottom:1px solid #848284;
                }

                .navLink2:hover {
                    height:35px;
	                width:300px;
	                background-color:#00947B;
	                color:#000000;
					text-decoration:none;
					border-left:1px solid #848284;
					border-top:1px solid #848284;
					border-right:1px solid #FFFFFF;
					border-bottom:1px solid #FFFFFF;
                }
				
				a:link, a:visited, a:active {
				    text-decoration:none;
					color:#8C556B;
				}
				
				a:hover {
				    text-decoration:underline;
					color:#73FFC6;
				}
            //-->
        </style>
    </head>
    <body>
	    <div class="layout">
		    <table cellspacing="0" cellpadding="0" border="1">
			    <tr>
				    <td width="747" height="125">
					    
					</td>
				</tr>
			</table>
			<table cellspacing="0" cellpadding="0" border="1">
				<tr>
				    <td width="154" height="435">
					    [url="inhalt.htm"]Startseite[/url]
						

						[url="persoenliches.htm"]Pers&ouml;nliches[/url]
						

						[url="texte.htm"]Texte[/url]
						

						[url="sesam.htm"]Sesam[/url]
						

						[url="gaestebuch.php"]G&auml;stebuch[/url]
						

						[url="mailto:[email protected]"]Kontakt[/url]
						

						[url="links.htm"]Links[/url]
					</td>
					<td width="45" height="435">
					    
					</td>
					<td width="544" height="435" align="center">
					    

						

					    <iframe src="inhalt.htm" name="Inhalt" width="500" height="355" frameborder="0">
						

Ihr Browser unterst&uuml;tzt leider keine Inline-Frames.</p>
						</iframe>
					</td>
				</tr>
			</table>
		</div>
    </body>
</html>
 
Werbung:
Aber nicht im IE6....

Wahrscheinlich bezieht FF das "Width:100%" auf den Inhalt, also die schrift.

Versuch mal absolute Breite!

Mfg, Berti
 
Werbung:
Berti, ich habe beim FF auch schon 300px, oder so angegeben, hat nichts geändert.

Okay, wenn es so gehen sollte, dann mach ich das so. Danke ;=)
 
das liegt daran das a ein inline element ist und damit nicht größenfprmatierbar ist. du musst es für deine zwecke zum block element umbauen (CSS: display:block; oder für umgekehrt von block auf inline display:inline; du kannst auch sagen verschwindibus display:none;)
 
Werbung:
Code: 
<div class="navLink">[url="inhalt.htm"]Startseite[/url]</div>

Bitte meine Sig. beachten.... ist was dran :!:
 
Berti das was du da sagst funktioniert nicht... oder ich habe es nicht verstanden. aber ich glaube das funktioniert nicht. wie gesagt du musst di links über display:block; in block elemente umwandeln....
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben