Ankündigung

Einklappen
Keine Ankündigung bisher.

Probleme mit css in Tabellen b.z.w. Zellen

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Probleme mit css in Tabellen b.z.w. Zellen

    Hallo,
    ich will meine Navigation mit css formatieren, zur Zeit sieht sie so aus wie hier:

    http://www.scheibo.de/navigation/navi.php


    Jetzt habe ich eine Tabelle angelegt die wie folgt aussieht:

    Code:
    <center>
        <table width="100%" border="0" align="center" cellpadding="0">
          <tr class="navigation"> 
            <td width="20%" > 
              <div align="center">Home</div></td>
            <td width="20%" > 
              <div align="center">Guestbook</div></td>
            <td width="20%" > 
              <div align="center">Shop</div></td>
            <td width="20%" > 
              <div align="center">Links</div></td>
            <td width="20%" > 
              <div align="center">Team/Impressum</div></td>
          </tr>
          <tr class="navigation"> 
            <td width="20%" > 
              <div align="center">Partypics</div></td>
            <td width="20%" > 
              <div align="center">Partydates</div></td>
            <td width="20%" > 
              <div align="center">Chat</div></td>
            <td width="20%" > 
              <div align="center">Forum</div></td>
            <td width="20%" > 
              <div align="center">SMS</div></td>
          </tr>
        </table>
        </center>


    und die css-datei sieht folgendermaße aus:

    Code:
    .navigation
    {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: bold;
    	color: #FFFFFF;
    	background-color: #6373a5;
    	font-style: normal;
    	line-height: normal;
    	font-variant: normal;
    	height: 1px;
    	width: 1px;
    	margin: 1px;
    	padding: none;
    	clear: none;
    	float: none;
    	border-color: #000000;
    	border-width: 1px;
    	border-style: solid;
    }
    Das Problem ist, da ich irgendwie keinen schwarzen Rahmen um die Zellen bekomme so wie es in meiner jetztigen Navigation ist...siehe oben.

    Wo muss ich da was verändern b.z.w. was habe ich falsch gemacht?
    Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.


  • #2
    Code:
    .navigation td {
    }

    Kommentar


    • #3
      Danke für die schnelle hilfe, was bedeutet in einem Satz das td?

      Jetzt habe ich aber wieder das problem das nicht alle zellen 20% breit sind und im IE ist der Text links und im Netscape oder Firefox zentriert.

      Wie kann ich das noch ändern?
      Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.

      Kommentar


      • #4
        Zitat von scheibo
        Danke für die schnelle hilfe, was bedeutet in einem Satz das td?

        Jetzt habe ich aber wieder das problem das nicht alle zellen 20% breit sind und im IE ist der Text links und im Netscape oder Firefox zentriert.

        Wie kann ich das noch ändern?

        height: 1px;
        width: 1px;

        bei solchen Angaben braucht es nicht zu wunder, dass das etwas seltsam wird ^^

        Kommentar


        • #5
          DANKE.

          hatte die groben Einstellungen mit Dreamweaver gemacht und dadurch stand die schon drin aber es was nicht erklärt für was.
          Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.

          Kommentar


          • #6
            Wenn ich jetzt einen link auf den Text lege wird dieser wie ein normaler Link formatiert (also blau oder lila)
            ich habe folgenden css code hinzugefügt aber es bleibt trotzdem so:


            Code:
            .navigation td:visited
            {
            	font-family: Verdana, Arial, Helvetica, sans-serif;
            	font-size: 11px;
            	font-weight: bold;
            	color: #FFFFFF;
            	background-color: #6373a5;
            	font-style: normal;
            	line-height: normal;
            	font-variant: normal;
            	margin: 1px;
            	padding: none;
            	clear: none;
            	float: none;
            	border-color: #000000;
            	border-width: 1px;
            	border-style: solid;
            }
            .navigation td:active
            {
            	font-family: Verdana, Arial, Helvetica, sans-serif;
            	font-size: 11px;
            	font-weight: bold;
            	color: #FFFFFF;
            	background-color: #6373a5;
            	font-style: normal;
            	text-decoration: none;
            	line-height: normal;
            	font-variant: normal;
            	margin: 1px;
            	padding: none;
            	clear: none;
            	float: none;
            	border-color: #000000;
            	border-width: 1px;
            	border-style: solid;
            }
            .navigation td:hover
            {
            	font-family: Verdana, Arial, Helvetica, sans-serif;
            	font-size: 11px;
            	font-weight: bold;
            	color: #FFFFFF;
            	background-color: #6373a5;
            	font-style: normal;
            	text-decoration: none;
            	line-height: normal;
            	font-variant: normal;
            	margin: 1px;
            	padding: none;
            	clear: none;
            	float: none;
            	border-color: #000000;
            	border-width: 1px;
            	border-style: solid;
            }

            Ich dachte das man dies mit dem Code TEXT-DECORATION weg bekommt aber scheinbar nicht.
            Ist das vielleicht auch zu viel Code?
            Bitte nehmt Rücksicht, bin einfach nur ein Blutiger Anfänger in PHP.

            Kommentar

            Lädt...
            X