php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 20.06.2004, 20:36  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard 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.
scheibo ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 20.06.2004, 20:38  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 2.150
Guradia befindet sich auf einem aufstrebenden Ast
Standard

Code:
.navigation td {
}
Guradia ist offline   Mit Zitat antworten
Alt 20.06.2004, 20:46  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard

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.
scheibo ist offline   Mit Zitat antworten
Alt 20.06.2004, 20:47  
Erfahrener Benutzer
 
Registriert seit: 21.05.2008
Beiträge: 2.150
Guradia befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
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 ^^
Guradia ist offline   Mit Zitat antworten
Alt 20.06.2004, 20:51  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard

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.
scheibo ist offline   Mit Zitat antworten
Alt 20.06.2004, 21:17  
Benutzer
 
Registriert seit: 03.08.2003
Beiträge: 74
scheibo
Standard

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.
scheibo ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Tabellen für Vokabeltrainer anlegen... anonym01 PHP Tipps 2008 9 03.03.2008 21:18
PHP Array in MYSQL Tabellen schreiben Matt Datenbanken 1 26.02.2008 19:43
5 tabellen miteinander verknüpfen. miwo Datenbanken 2 22.09.2007 11:17
HTML/CSS: Gitternetz-Tabelle, selektierte Zellen Zergling-new Tutorials 0 06.07.2007 19:53
Tabellen Zellen als Links max-dhom HTML, Usability und Barrierefreiheit 2 20.09.2006 19:57
Probleme beim Ändern der Datenbankstruktur Datenbanken 3 21.02.2006 16:02
Join-Abfrage über mehrere Tabellen sinai Datenbanken 3 04.02.2006 13:05
einträge aus 2 tabellen sortieren Tschuu Datenbanken 11 20.12.2005 08:21
probleme mit mysql tabellen! fadass Datenbanken 6 13.07.2005 09:20
Verlinken in Zellen innerhalb von Tabellen PHP Tipps 2005-2 2 14.06.2005 17:00
Tabellen mit Ihren Zellen anzeigen lassen GELight Datenbanken 1 11.05.2005 10:49
Probleme mit Datumsfeldern bei Verknüpften Tabellen Datenbanken 0 06.04.2005 22:37
Probleme beim Tabellen anlegen mgoertz Datenbanken 5 07.03.2005 22:07
[Erledigt] Selectanfrage an eine Datenbank,aber aus mehreren Tabellen Datenbanken 2 26.10.2004 07:23
[Erledigt] probleme mit Tabellen befüllen Datenbanken 5 31.08.2004 20:55

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
css problem bei mehreren tabellen, farbe tabelle css probleme, css zelle div 100%, css \padding: none\, css in tabelle problem, php tabellen css problem, mehrer tabellen navigation css, css div tabelle width 100% anpassen, css padding:none, php tabelle im div über css formatieren

Alle Zeitangaben in WEZ +2. Es ist jetzt 01:54 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.