Wie kann ich den Span hier links anzeigen?

html.de-Forum HTML, XHTML & CSS
1

hallo, habe jetzt schon fast alles probiert das Menü an der Seite links anzuzeigen es wird aber im TD ganz rechts angezeit…was müsste ich ändern dafür??

<table border="1" width="100%" height="100%">
  <tr>
     <td style="width:15%; vertical-align:middle">
       <div style="margin-left: 80px; background-color:#3399FF; vertical-align:text-bottom" align="center">
         <span align="center" onClick="showhide(menu9outline,menu9sign)" id="file"><img id="menu9sign" src="bilder/menue_button.gif" valign="bottom"> Demo! </span><br>
   <span align="center" id="menu9outline" style="display:none">
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
         </span>
         <span align="center" onClick="showhide(menu10outline,menu10sign)" id="file"><img id="menu10sign" src="bilder/menue_button.gif" valign="bottom"> Demo! </span><br>
         <span align="center" id="menu10outline" style="display:none">
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
         </span> 
       </div>  
  </td>
  <td>mitte</td>
  <td width="20%">rechts</td>
  </tr>
2

Es wäre gut, wenn du deine CSS mal postest :wink:
Ich hab nämlich keine Glaskugel in der ich sehen kann, wie du „menu9outline“ und „menu10outline“ definiert hast :wink:

MfG Icy

3

also ich poste dir mal den gesamten code der seite :wink: …

 
<head>
<title>Webseite</title>
</head>
  <script type="text/javascript">
  var Open = "";
  var Closed = "";
  function preload() {
    if(document.images) {
      Open = new Image(16,13);
      Closed = new Image(16,13);
      Open.src = "bilder/menue_button.gif";
      Closed.src = "bilder/menue_button.gif";
    }
  }
  function showhide(what,what2) {
    if (what.style.display=='none') {
      what.style.display='block';
      what2.src=Open.src
    }else{
      what.style.display='none';
      what2.src=Closed.src;
    }
  }
</script>
<body onLoad="preload();">
<table border="1" width="100%" height="100%">
  <tr>
     <td style="width:15%; vertical-align:middle">
       <div style="margin-left: 80px; background-color:#3399FF; vertical-align:text-bottom" align="center">
         <span align="center" onClick="showhide(menu9outline,menu9sign)" id="file"><img id="menu9sign" src="bilder/menue_button.gif" valign="bottom"> Demo! </span><br>
   <span align="center" id="menu9outline" style="display:none">
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
         </span>
         <span align="center" onClick="showhide(menu10outline,menu10sign)" id="file"><img id="menu10sign" src="bilder/menue_button.gif" valign="bottom"> Demo! </span><br>
         <span align="center" id="menu10outline" style="display:none">
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
           <a id="space" href="#">Demolink</a><br>
         </span> 
       </div>  
  </td>
  <td>mitte</td>
  <td width="20%">rechts</td>
  </tr>

</table>
</body>
</html>
4

  1. Dir fehlt ein

  2. Dir fehlt ein

  3. die ganzen IDs sind nirgendwo definiert, woran liegt das?

  4. Du benutzt ein Tabellenlayout aber lassen wir diese Diskussion mal dahingestellt :wink:

  5. Das mit der Ausrichtung hat eigentlich nichts mit Ausrichtung zu tun sondern liegt an margin-left:80px, dadurch sieht es so aus, als wäre der DIV-Container rechts ausgerichtet.

d.h. entweder margin-left in margin-right ändern, oder ganz wegnehmen, dann füllt das Menü das ganze TD.

5
  1. Braucht man doch nicht oder?
  2. Ohhh danke :wink:
  3. Sind für zukünftige Programmierung
  4. Weiß nicht was daran schlim sein sollte ;-)…oder ein Nachteil
  5. Ahh habs ganz übersehen vielen Dank.

Danke es geht jetzt :wink:

6

Sicher brauchst du den Doctype, der gehört zum grundgerüst der HTML-Datei dazu.

7
  1. Doch
  2. Gern geschehen;)
  3. achso
  4. Mehr Code, längere Ladezeiten, schwieriger zu editieren
  5. Auch gern geschehen
8

was muss ich denn in den doctype schreiben :wink: und was schlägste statt tabellen vor?

9

Doctype:
SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

Layout:
CSS 4 You - The Finest in Stylesheets: Workshop: Layouten ohne Tabellen

10

cool danke denke mal werde mir das auf jedenfall mal durchlesen, da ich wie schon im menü wenig traffic verbrauchen will…komme von Java und M. delphi Programmierung deswegen bin ich als webprogrammierer noch nícht so erfahren.

EDIT: Sehe ich das richtig das ich statt einer Tabelle ein DIV benutze?