Thread: Webdesign etc.

>hm... was hat das mit einer menühiercharie zu tun?

das muß man sich selber basteln. Man kann natürlich das DOM zur Hilfe nehmen.

Einfach wäre es ein paar divs zunehmen und diese an den passenden Stellen zu positionieren und sichtbar zu machen.

Besser wäre wohl, dass ganze mit document.createElement() .. und solchen funktionen wärend der Laufzeit zusammen zu basteln.

Zuletzt geändert: 19.08.2006 13:38:24

	Von:	abgemeldet	19.08.2006 09:56 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

Probier mal mit so nem script:


<html>
<!-- Copyrights by Reloap -->
<head>
<script type="text/javascript">
 function show(das){
  if(document.getElementById(das).style.display=='none') 
   document.getElementById(das).style.display='block'; 
  else document.getElementById(das).style.display='none';}
function clos(){
 document.getElementById("layer2").style.display='none';
 document.getElementById("layer1").style.display='none';
}
</script>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menu</title>
</head>

<body link="#000000" vlink="#000000" alink="#000000" bgcolor="#EBEBEB">

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="9%" id="table1" bgcolor="#F8F8F8" bordercolor="#C0C0C0">
  <tr>
    <td><a onmouseover="javascript:show('layer1')" onmouseout="javascript:clos('layer1')"><font face="Arial" size="2"> Element 1</a></font><div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 80px; top: 16px; visibility:hidden" id="layer1">
      <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="128%" id="table2" bgcolor="#E6E6E6" bordercolor="#C0C0C0">
        <tr>
          <td><font face="Arial" size="2"> </font><font size="2" face="Times New Roman">►<b>►</b>
          </font><font face="Arial" size="2">Element 11</font></td>
        </tr>
        <tr>
          <td><font face="Arial" size="2"> </font><font size="2" face="Times New Roman">►
          </font><font face="Arial" size="2">Element 12</font></td>
        </tr>
        <tr>
          <td><font face="Arial" size="2"> </font><font size="2" face="Times New Roman">►
          </font><font face="Arial" size="2">Element 13</font></td>
        </tr>
      </table>
    </div>
    </td>
  </tr>
  <tr>
    <td><a onmouseover="javascript:show('layer2')" onmouseout="javascript:clos('layer2')"><font face="Arial" size="2"> Element 2</a></font></td>
  </tr>
</table>
<div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 80px; top: 33px; display:none" id="layer2">
  <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="128%" id="table3" bgcolor="#E6E6E6" bordercolor="#C0C0C0">
    <tr>
      <td><font face="Arial" size="2"> </font><font size="2" face="Times New Roman">►<b>►</b>
      </font><font face="Arial" size="2">Element 21</font></td>
    </tr>
    <tr>
      <td><font face="Arial" size="2"> </font><font size="2" face="Times New Roman">►
      </font><font face="Arial" size="2">Element 22</font></td>
    </tr>
    <tr>
      <td><font face="Arial" size="2"> </font><font size="2" face="Times New Roman">►
      </font><font face="Arial" size="2">Element 23</font></td>
    </tr>
  </table>
</div>

</body>

</html>

hat zwar noch ein par fehler aber ist weiter nicht schlimm...

Zuletzt geändert: 19.08.2006 10:31:18

	Von:	abgemeldet	19.08.2006 10:35 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten][Ändern]

(Dieses Posting wurde geloescht)

	Von:	keitaro-kun	19.08.2006 12:15 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> T_T der Code ist ja fürchterlich.
> Keine Doctype-Angabe, Font-Elemente wurden verwendet, irgendwelche Attribute, die es seit Jahrzehnten in keinem Standard mehr gibt ... lern mal schnell sauberes HTML x_X

seh ich auch so ... dass er keine frames einsetzt is das einzige (was noch zu loben wäre). sogar aktuelle WYSIWYG Editoren produzieren sauberen Code. Nichts für Ungut :)

ich glaube frauen wollen kerle, die sich ins leben stürzen, stubenhocker sind nicht beliebt. aus "Crazy"
ihr seid ja nur neidisch, weil die stimmen mit mir reden
i need a hug !

Zuletzt geändert: 19.08.2006 12:20:07

	Von:	abgemeldet	19.08.2006 12:59 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

JO - SCHLIMM - aber beim php code gehts

	Von:	abgemeldet	19.08.2006 13:36 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten][Ändern]

(Dieses Posting wurde geloescht)

	Von:	LintuSotaRauha	20.08.2006 16:21 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> T_T der Code ist ja fürchterlich.
> Keine Doctype-Angabe, Font-Elemente wurden verwendet, irgendwelche Attribute, die es seit Jahrzehnten in keinem Standard mehr gibt ... lern mal schnell sauberes HTML x_X

Dann sollte ich wohl lieber die Finger davon lassen, oder?

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	LintuSotaRauha	20.08.2006 16:27 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> Probier mal mit so nem script:

Heh, ich habs mir dennoch angesehen und wenn ich da so rüberfahre und versuche über das eben geöffnete zu gehen, dann sehe ich dass ich nicht hinkomme, weil es verschwindet, wenn ich es versuche....

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	annonyme	20.08.2006 19:40 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

>weil es verschwindet, wenn ich es versuche....

steht ja im onmouseout auch so drin, wenn ich den Code richtig verstanden hab.

	Von:	LintuSotaRauha	20.08.2006 20:58 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> >weil es verschwindet, wenn ich es versuche....
>
> steht ja im onmouseout auch so drin, wenn ich den Code richtig verstanden hab.
>
>

Jap- das ist doof, wen da mal ein link stehen sollte, dann sollte man auch wenigstens drauf kommen...

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	annonyme	20.08.2006 21:03 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

>Jap- das ist doof, wen da mal ein link stehen sollte, dann sollte man auch wenigstens drauf kommen...

Lösung: es dann eben nicht so machen.

Ich glaub ich bring morgen mal was von der Arbeit mit, was ich mal geschrieben hab um mich von ERMs abzulenken. Daraus sollte man eigentlich alles was man braucht ableiten können.

	Von:	abgemeldet	19.08.2006 21:21 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

Ich kann auch nur selfhtml empfehlen.

http://www.geocities.com/wir_lieben_vivi/ ^-^

	Von:	LintuSotaRauha	20.08.2006 16:19 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> Ich kann auch nur selfhtml empfehlen.

danke kenne ich, da habe ich zuerst gesucht, aber nichts gefunden, was in meinem unwissenden kopf geht. desshalb schreibe ich hier herein.

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	abgemeldet	20.08.2006 11:07 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

Hallo! Das ist FrontPage HTML.

	Von:	LintuSotaRauha	20.08.2006 16:20 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> Hallo! Das ist FrontPage HTML.
was ist das? ein Programm?

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	keitaro-kun	20.08.2006 18:01 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> > Hallo! Das ist FrontPage HTML.
> was ist das? ein Programm?

Jo, von Microsoft. War oder ist noch immer beim Internet Explorer oder Office dabei. Sollte man mal gehört, mit gearbeitet, Code angeschaut und schnell wieder deinstalliert haben.

Der beste Weg ist immer noch ein brauchbarer Editor mit Syntaxhighlighting und Tag-Completion, macht das Leben wesentlich einfacher :)

Warum willst du eigentlich so ein mouse-over Menu/Submenu haben einfache Menuleiste reicht doch aus ... je wenige JS desto besser :)
Man merkt dass ich JS nicht mag ... oder ?!

ich glaube frauen wollen kerle, die sich ins leben stürzen, stubenhocker sind nicht beliebt. aus "Crazy"
ihr seid ja nur neidisch, weil die stimmen mit mir reden
i need a hug !

	Von:	LintuSotaRauha	20.08.2006 21:01 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

Ist Platzsparender und wird gebraucht. XD

ich habe manchmal so meine Vorstellungen und schaue wie ich sie umsetzen kann.

>Der beste Weg ist immer noch ein brauchbarer Editor mit Syntaxhighlighting und Tag-Completion, macht das Leben wesentlich einfacher :)

Ist Phase 5 auch so ein Programm?
Sorry ich weiß nicht was das ist.^^

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	annonyme	20.08.2006 21:06 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

>Ist Phase 5 auch so ein Programm?

Phase 5 ist für sowas eigentlich sehr gut.

Ausser es kommt PHP und/oder JSP hinzu, dann wäre sowas wie Eclipse(+ PHPEclipse) oder der JDeveloper von Oracle nicht schlecht.

	Von:	LintuSotaRauha	21.08.2006 00:42 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> Ausser es kommt PHP und/oder JSP hinzu, dann wäre sowas wie Eclipse(+ PHPEclipse) oder der JDeveloper von Oracle nicht schlecht.

Sind die auch kostfrei?

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	annonyme	21.08.2006 18:28 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

>Sind die auch kostfrei?

ja

mal ein kleines JavaScript-Beispiel. Nicht ganz so toll, aber es funktioniert irgendwie.... man muß einmal auf die TitleBar clicken um die Fenster verschieben zu können... und noch einmal damit es sich nicht mehr mit bewegt.

http://www.annonyme.de/js_beispiel/

	Von:	Vernochan	21.08.2006 22:35 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

RollOver Menüs kann man auch mit CSS machen. und das beste: und wenn der Client kein CSS unterstützt, ist es auch egal^^

------------------------------------------

Du kamst um zu schweigen was ich noch nicht verstand
Ich vergaß zu zeigen was ich für dich empfand
Letzte instanz - Rosengarten

	Von:	LintuSotaRauha	22.08.2006 12:39 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

> RollOver Menüs kann man auch mit CSS machen. und das beste: und wenn der Client kein CSS unterstützt, ist es auch egal^^

Cool, hast du da ein paar Tipps für mich?

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

	Von:	Vernochan	22.08.2006 15:35 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

Das hier sollte reichen.
http://barrierefrei.e-workers.de/workshops/tricks/menues.php

jedes der dortigen Menüs funktioniert komplett ohne JavaScript und funktioniert auch dann, wenn kein CSS unterstützt wird.

------------------------------------------

Du kamst um zu schweigen was ich noch nicht verstand
Ich vergaß zu zeigen was ich für dich empfand
Letzte instanz - Rosengarten

Zuletzt geändert: 22.08.2006 15:35:54

	Von:	LintuSotaRauha	22.08.2006 19:23 Direktlink zum Posting
	Betreff:	Webdesign etc. [Antworten]

Danke,
ich werde mir das ansehen und herum probieren.

Mein Name ist Vogel und ich weiß von nichts!!!
http://animexx.4players.de/fanarts/zeichner.phtml?id=95725&

Zurück

[1] [2]

Seite / 2

Zurück