Mein erstes Html design

kib4 · 28. April 2010

Code

<tr>
            <td><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','img/navi/home_over.png',1)"><img src="img/navi/home.png" name="Image1" width="120" height="20" border="0" id="Image1" /></a></td>
          </tr>
		  <tr>
            <td><a href="pro.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','img/navi/home_over.png',1)"><img src="img/navi/pro.png" name="Image2" width="120" height="20" border="0" id="Image2" /></a></td>
          </tr>
		  	  <tr>
            <td><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','img/navi/home_over.png',1)"><img src="img/navi/forum.png" name="Image3" width="120" height="20" border="0" id="Image3" /></a></td>
          </tr>
		  		  	  <tr>
            <td><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','img/navi/linkus_over.png',1)"><img src="img/navi/linkus.png" name="Image4" width="120" height="20" border="0" id="Image4" /></a></td>
          </tr>

Alles anzeigen

Müsste es mit diesem code, denn nicht gehen?

Edit://
Habe es geschafft musste noch Javaskript rein schreiben...

Code

<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}




function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}




function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}




function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Alles anzeigen

Sarkkan · 28. April 2010

...ich würde das ja mit CSS lösen, wäre nur was länger =/

Code

#home {
background:url('URL') no-repeat;
widht: Xpx;
height: Ypx;
...
}




#home:hover {
background:url('URL');
...
}

Alles anzeigen

Müsste so klappen =/
Arbeite halt lieber mit CSS

kib4 · 28. April 2010

Zitat von "Sarkkan"
...ich würde das ja mit CSS lösen, wäre nur was länger =/
Code
#home {
background:url('URL') no-repeat;
widht: Xpx;
height: Ypx;
...
}




#home:hover {
background:url('URL');
...
}
Alles anzeigen
Müsste so klappen =/
Arbeite halt lieber mit CSS

Warum ist das mit CSS besser?

Achja sind die farben, gut so also so wenn man mit dem Mauszeiger drauf geht?

Sarkkan · 28. April 2010

Ich mache das halt gerne mit CSS

Kannst du den Hintergrund noch Orange machen beim rüberfahren?
Aber ansonsten ist das in Ordnung^^

kib4 · 28. April 2010

Wie meinst du das jetzt mit Orange?

[Blockierte Grafik: http://lotwmt2.bplaced.net/img/navi/home_over.png]
Also das Schwarze Orange machen oder wie meinst du das jetzt?

Sarkkan · 28. April 2010

Jopp, genauso meinte ich das^^
Tut mir Leid^^

Also der Hintergrund sollte vielleicht orange werden.
Wobei ich mir dann überlegen würde, ob Text weiß wird =/
Musst du mal ausprobieren, war auch nur ein Vorschlag^^

kib4 · 28. April 2010

http://lotwmt2.bplaced.net/index.htm

Habe bei Projekte mal so in etwas gemacht, sieht es denn so Besser aus?

Sarkkan · 28. April 2010

Finde kann sich sehen lassen, oder?
Evtl. kann man ja auch so anzeigen lassen, wo man sich zur Zeit befindet? Muss man aber nicht

kib4 · 28. April 2010

Zitat von "Sarkkan"

Finde kann sich sehen lassen, oder?
Evtl. kann man ja auch so anzeigen lassen, wo man sich zur Zeit befindet? Muss man aber nicht

Joa denke ich mache morgen es bei jeden von den.
Das ist auch eine nicht schlechte idee, baue gerade so ein News-skript ein.^^

Sarkkan · 28. April 2010

Ja, schon gesehen
Sieht interessant aus

kib4 · 29. April 2010

So habe es mal fertig gemacht, meine jetzt mit den Hover... wie sieht es aus? Ich finde das passt irgentwie...

Sarkkan · 29. April 2010

Mir ist grade noch ein Fehler aufgefallen:
Es heißt Impressum, Der Link unten Links ist falsch beschriftet =/

Aber doch, fand hatte eine gute Idee

PS: Ist das mit dem Impressum so legal?

kib4 · 30. April 2010

Zitat von "Sarkkan"

Mir ist grade noch ein Fehler aufgefallen:
Es heißt Impressum, Der Link unten Links ist falsch beschriftet =/

Aber doch, fand hatte eine gute Idee

PS: Ist das mit dem Impressum so legal?

Danke für den Hinweis...ob es Legal ist ka Habe einfach solange ein Beispiel gemacht.

Basi · 1. Mai 2010

Also der FadeIn der Texte gefällt mir überhaupt nicht, passt da einfach nicht rein, und vor allem müsste des ja auch wieder dunkler werden wenn man netmehr mit der Maus dranne ist oder?

Wenn ich als Leser bestimmte Elemente erst mit der Maus sichtbar machen muss, hab ich nach 2 Absätzen keine Lust mehr, ganz abgesehen von den vielen Leuten ohne JavaScript, wenn diese dann eine Leseschwäche haben können sie garnichtsmehr erkennen.

Soviel dann zum Thema Barrierefreiheit.

Selbiges gilt für einen Hover Effekt bei Links, dafür ist CSS doch da.

lauras · 1. Mai 2010

Zitat von "kib4"

Danke für den Hinweis...ob es Legal ist ka Habe einfach solange ein Beispiel gemacht.

Wenn du es schon machst solltest du es auch richtig machen...

kib4 · 2. Mai 2010

Werde das Design an Webspell anpassen.

Mein erstes Html design

Jetzt mitmachen!

Teilen