Layout Hilfe

[HTMLehrling]

nimm mal diese grafik

 

[Mario348]

Ich sehe keinen Unterschied...

 

[HTMLehrling]

also wenn du die grafik hochgeladen hast, dann hat etwas nicht geklappt, denn die grafik die in deinem horst liegt, ist die alte!!! mit 175px

 

[Mario348]

Diejenige, die du hochgeladen hast, heisst doch tablerightH.gif, oder?

Ausserdem habe ich gar keine Grafik mit 175px...

Wieso muss ich eigentlich die Buttons ändern, die Vorlage funktioniert doch bestens?

 

[HTMLehrling]

die Vorlage funktioniert doch bestens

dann ist ja in ordnung

Ausserdem habe ich gar keine Grafik mit 175px...

deine grafik
du bist mir ein Lustiger!!!:lol:

meine gepostete grafik

Siehst du den unterschied?;-)

wechsle einfach mal die grafik; übrigens, sie liegt in deinem root
meine grafik kannst du mit der rechten mousetaste speichern!!!

 

[Mario348]

Deine detaillierte Anleitung ist ja nett gemeint, aber wie man ein Bild speichert und uploadet werde ich wohl noch wissen! ;-)

Ich sehe nun nach dem Upload leider immer noch keinen Unterschied...

 

[HTMLehrling]

Deine detaillierte Anleitung ist ja nett gemeint, aber wie man ein Bild speichert und uploadet werde ich wohl noch wissen! ;-)

wissen und tun sind 2erlei
also wenn du es gemacht hättest, dann würde ich nun eine datei vorfinden, die 200px breit ist. ich sehe leider nur deine alte mit 175px breite

Ich sehe nun nach dem Upload leider immer noch keinen Unterschied...

ich auch nicht, da immer noch die selbe datei in deinem root liegt

 

[Mario348]

Ich habe jedoch diese Grafik hochgeladen...

 

[HTMLehrling]

Ich habe jedoch diese Grafik hochgeladen...

das ist die richtige grafik
nun musst du die noch hochladen

 

[Mario348]

Die habe ich schon längst hochgeladen, lokal sehe ich jedoch keine Veränderung!

 

[HTMLehrling]

http://www.arudc.ch/tabrightH.gif

 

[Mario348]

Nun sehe ich lokal immer noch keine Änderung:

http://www.arudc.ch/tablerightH.gif

 

[HTMLehrling]

mann, deine datei online heisst tabrightH.gif
du hast gerade einen link für eine datei die table.... heisst, geschickt

 

[Mario348]

Hier lag der Fehler, falscher Name!!!;ugl

Andere Frage: Wie kann ich mit Paint.NET ein transparentes Bild erstellen???

Weshalb ist dieses nicht transparent (Anhang)?

 

[HTMLehrling]

Andere Frage: Wie kann ich mit Paint.NET ein transparentes Bild erstellen???

kann ich dir leider nicht sagen, arbeite mit ps.
vielleicht hilft dir das weiter
GIMP - Windows installers
ps#1:"andere frage" = anderer tread

ps:#2 wenn du nun deine veränderungen am css rückgängig machst, zeigt es dir deine navi normal an

#tabsH a span {...        ...htH.gif") no-repeat left...

ändere left zu right

 

[Mario348]

Wieso gibt's dann 2 verschiedene Bilder, wenn nachher in der .css 2x das gleiche steht???

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("tabrightH.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>

Was meinst du mit "nun wird deine Navigation richtig angezeigt"? Ich sehe keine Veränderung.

 

[HTMLehrling]

    #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;
      }

es hat zwei bilder weil der button aus grafiken besteht

 

[Mario348]

Aber ich sehe kein Veränderung...

Ausserdem: Wieso wird das obere Frame nicht komplett ausgefüllt?

 

[HTMLehrling]

Aber ich sehe kein Veränderung...

ich auch nicht, denn in deiner css steht immer noch #tabsH a span left !!!

 

[Mario348]

 #tabsH a span {
      float:left;

Da muss ich right reinschreiben?