Layout Hilfe

[HTMLehrling]

mann, 40 posts und 30 hätten wir uns sparen können!!!
ich erkläre dir, was du ändern sollst und dann poste ich dir noch den code!!!
vergleich den abschnitt deiner datei http://www.arudc.ch/oben.css mit dem in post#37!!! und nimm dir das vorweg von post#4 zu herzen!!!

 

[Mario348]

body {
background-image: url('background.png');
   background-color:#000000;
}


.style00 {
   font-family:UniversalMath1 BT, Helvetica, sans-serif;
   font-size:1em;
   font-color:#ffa500;
   text-align:center;
   
} 


 #tabsH {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
      margin:0;
      padding:10px 10px 0 50px;
      list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat left top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }


<div id="tabsH">
  <ul>
    <li><a href="1.html" title="Home"><span>Link 1</span></a></li>
    <li><a href="2.html" title="Neuste Radeon Grafikkarten"><span>Link 2</span></a></li>
    <li><a href="3.html" title="Windows Vista Infos"><span>Link 3</span></a></li>
    <li><a href="4.html" title="Viren und Malware"><span>Longer Link Text</span></a></li>
    <li><a href="5.html" title="Stressabbau Downloads"><span>Link 5</span></a></li>
    <li><a href="6.html" title="Musik"><span>Link 6</span></a></li>
    <li><a href="7.html" title="Browser Downloads"><span>Link 7</span></a></li>
    <li><a href="9.html" title="Home"><span>Link 9</span></a></li>
    <li><a href="10.html" title="Home"><span>Link 10</span></a></li>
    <li><a href="remote.html" title="Remote"><span>Link 11</span></a></li>
    <li><a href="Gaestebuch.html" title="Gästebuch"><span>Link 12</span></a></li>
    <li><a href="newsletter.html" title="Newsletter"><span>Link 13</span></a></li>
    <li><a href="impressum.html" title="Impressum"><span>Link 14</span></a></li>
</ul>

</div>

So sieht nun meine .css aus. Ich sehe immer noch keine Änderung...

 

[HTMLehrling]

edit:dein post

#tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat left top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }

mein post

#tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }

bitte vergleiche!!!!

 

[Mario348]

So sieht's momentan aus:

 #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat right top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;

Ich sehe jedoch immer noch keine Veränderung...

 

[Html-Profi]

So sieht's momentan aus:

 #tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat right top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;

Ich sehe jedoch immer noch keine Veränderung...

du hast vergessen die klammer zu schließen:

#tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
[COLOR="Red"]}[/COLOR]

 

[HTMLehrling]

also:
1. 200px breite grafik mit name tabrightH.gif ins rootverzeichnis hochladen

2. css im rootverzeichnis korrigieren

#tabsH a {
      float:left;
      background:url("tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }

falls du es nicht bewerkstelligen kannst, les den tread nochmals durch und benutz bitte dein hirn

ICH WERDE IN DIESEM THREAD NICHTS MEHR POSTEN!!!!

edit: echt unglaublich....:-(

 

[Mario348]

Ja, die Klammer hab ich nicht mitkopiert, sorry!

Sie steht aber, hochgeladen habe ich die .css schon:

http://www.arudc.ch/oben.css


Übrigens: Ich bin nicht der Einzige, der Doppelposts macht ;-)