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

CSS code wird nicht angewand,warum??

Status
Für weitere Antworten geschlossen.

burn4ever

Mitglied
Hallo,
ich gestalte gerade in Dreamweaver ein html template für eine typo3 seite. Die seiteneigenschaften sollen kompletto über eine maisn.css laufen. Ich habe diese erstellt und die ersten eigenschaften für die navigationbutton erstellt.Die buttons befinden sich in dem mainnavigations divtag. Allerdings wendet es die stylesheets nicht an.

Hier mal der code der html:
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body {
    background-color: #002c61;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: 707173;
    text-decoration: none;
}
-->
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<table width="840" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="Bilder/oben.jpg" alt="oben"/></td>
  </tr>
  <tr>
    <td width="840" height="34" background="Bilder/menue.jpg"><table width="802" border="0" align="center" cellpadding="0" cellspacing="0">
<div id="mainnavigation">
      <tr>
        <td width="71"  align="center" valign="middle"><a href="#">Startseite</a></td>
        <td width="101" align="center" valign="middle"><a href="#">Zielsetzung</a></td>
        <td width="103" align="center" valign="middle"><a href="#">Referenzen</a></td>
        <td width="113" align="center" valign="middle"><a href="#">Tätigkeitsfeld</a></td>
        <td width="109"  align="center" valign="middle"><a href="#">Wissenspool</a></td>
        <td width="66"  align="center" valign="middle"><a href="#">Links</a></td>
        <td width="82"  align="center" valign="middle"><a href="#">Anfragen</a></td>
        <td width="81"  align="center" valign="middle"><a href="#">Sitemap</a></td>
        <td width="76"  align="center" valign="middle"><a href="#">Kontakt</a></td>
      </tr>
    </div>
    </table></td>
  </tr>
  <tr>
    <td><table width="840" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="413"><table width="840" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td><img src="Bilder/links_platzhalter.jpg" alt="links" width="63" height="413" /></td>
    <div id="maincontainer">
            <td width="840" height="34" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p></td>
      </div>
            <td><table width="60" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td><img src="Bilder/submenue01.jpg" alt="sub01" width="256" height="153" /></td>
              </tr>
              <tr>
                <td><img src="Bilder/submenue02.jpg" alt="sub02" width="256" height="132" /></td>
              </tr>
              <tr>
                <td><img src="Bilder/submenue03.jpg" alt="sub03" width="256" height="128" /></td>
              </tr>
            </table></td>
            <td><img src="Bilder/rechts.jpg" alt="rechts" width="36" height="413" /></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
  <div id="impressumcontainer">
    <td  width="840" height="75" background="Bilder/unten.jpg"><p>&nbsp;</p>
    <p>Impressum</p></td>
    </div>
  </tr>
</table>

</body>
</noframes></html>
und hier die css:
PHP:
#mainnavigation {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
hab ich was bei dem div container falsch gemacht???
 
1. Tabellen sind nicht für Layoutzwecke gedacht.
2. Ein Menü stellt man semantisch korrekt als Liste dar.
3. Das div steht da an einer nicht erlaubten Stelle in der Tabelle. Es dürfte nur innerhalb einer Zelle stehen.
4. An dem Code sehe ich nichts falsches (außer dass man "px" nicht als Einheit vergibt, weil der IE dann das Skalieren der Schrift nicht zulässt).
5. Erschließt sich mir auch überhaupt nicht, was der div#mainnavigation eigentlich überhaupt soll? Er gruppiert doch nichts. divs sind da zum Gruppieren mehrerer Tags.
 
okay,
mit der liste würd ich das auch gerne machen. Aber ich habe eine horizontale menüstrucktur und weiss nicht wie ich die Liste horizontal darstellen soll!?
Ich muss auch die menüpunkte anhand einer hintergrundgrafik ( kästchen als platzhalter) ausrichten deswegen habe ich eine tabelle verwendet.

Wie würdest du denn dann meine links im css deklarieren? Im bodytag??
 
mit der liste würd ich das auch gerne machen.
Dann mach es. HTML hat nichts mit dem Aussehen zu tun. Man wählt ein Tag, weil das den Inhalt am besten semantisch beschreibt.

Aber ich habe eine horizontale menüstrucktur und weiss nicht wie ich die Liste horizontal darstellen soll!?
Mit CSS gibts da zwei Möglichkeiten: Entweder Du machst die Listenelemente zu Inline-Elementen (li { display:block; }) oder aber Du floatest sie (li { float:left; }).

Ich muss auch die menüpunkte anhand einer hintergrundgrafik ( kästchen als platzhalter) ausrichten
Nein, musst Du nicht.
1. Kannst Du den Listenelementen eigene Hintergrundbilder geben, dann musst Du da nichts positionieren
2. Bekommst Du damit womöglich ein Problem, wenn jemand in seinem Browser die Schriftgröße verstellt.

Aber eine Tabelle ist nur für tabellarische Daten, die hast Du hier nicht, und daher gibt es keinen Grund, eine zu verwenden. Für die Darstellung ist allein CSS da, und da gibt es sicher eine Lösung für das, was Du bisher glaubtest, nur mit Tabellen machen zu können.

Wie würdest du denn dann meine links im css deklarieren? Im bodytag??
Hmmm...?
Im Stylesheet lege ich nur fest, wie die Liste aussehen soll, innerhalb des body-Tags (HTML) steht der Inhalt, der beim Menü als Liste ausgezeichnet wird.

Code:
<ul id="Menu">
  <li><a href="foo.html">foo</a></li>
  <li><a href="bar.html">bar</a></li>
</ul>
Code:
ul#Menu {
  list-style-type:none;
}
ul#Menu li {
  float:left;
}
 
Hey Efchen,
wollt mich mal bei Dir bedanken. Waren echt konstruktive Vorschläge und deine Antworten haben mich echt weiter gebracht.
Danke nochmal!!!!!!
 
Kein Problem. Bedank Dich mit einer technisch hochwertigen, barrierefreien Website! ;-)
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben