[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash - Seite 2

pichfl · 05.09.2005, 13:39

hmmm, wenn du weißt, wie ich ihn auf Mac OS X Tiger zum laufen kriege?

VirtualPC etc fällt aus, weil das nicht mit meinem Router zusammenspielt und ich damit ohne Inet dastehe und auch den internen server ned nutzen kann, außerdem isses einfach zu langsam.

geht meine hauptseite?

05.09.2005, 13:48

Da klappt eigentlich alles.
Siehe meinen alten Screenshot auf Seite 2.

pichfl · 05.09.2005, 13:52

danke für die info, find ich mal richtig planlos.
wennd lust hast, kannst ja mal vergleichen, was wo und wie anders ist.

Ich werd das so lassen, ist ja nurn gag für zwischendurch (das Beispiel 7)
wenn die anderen funktionieren, passts.

(BTW: Ich wäre froh, wenn ein paar das tut verlinken oder so, hab grad irgendwie keine Kunden, wäre also froh um etwas Arbeit)

MrNiceGuy · 05.09.2005, 16:53

Kann mich mal bitte wer zwicken oder nen roten Rahmen um das machen, was gemeint wird? Ich sehe keinen Unterschied von dem Screenshot zu meiner Darstellung im IE!? *eek*

05.09.2005, 17:03

Ich hab nur 2 Screenshots aufs selbe Bild hochgeladen um ein paar Bytes zu sparen. ^^

Deshalb bist jetzt durcheinander gekommen oder was meinst du?

Nochmal: www.einserver.de wird problemlos angezeight, nur bei dem Beispiel sehen die Buttons abgeschnitten aus.

MrNiceGuy · 05.09.2005, 17:09

Achso, wunderte mich schon, warum bei dem Screeny nur die Hauptseite zu sehen war und diese korrekt dargestellt wurde. HÄtte gerne mal gesehen, wie der Fehler sich äußert, ist aber egal, vielleicht installiere ich demnächst ja mal wieder nen NN

Ben · 19.09.2005, 12:59

Eventuell als Ergänzung:

http://wellstyled.com/singlelang.php...rollovers.html

ulle · 21.09.2005, 10:41

Zitat:

Zitat von Ben

.....Imho ist es mit JavaScript nicht möglich Bilder vorzuladen......

HTML-Code:

<html><head>

</head>
<script language="JavaScript">
<!--

function loadCache(){

	bild = new Array();
	
		bild[0] = "images/head.gif";
		//:
		//:
		//:
		bild[53] = "images/regeln.gif";
		bild[54] = "gallery/start640.jpg";

		
document.f.cache.value = bild.length;
document.f.load.value  = 0;
document.f.error.value = 0;
document.f.abort.value = 0;

	imgs = new Array();
	for (var j =0 ; j < bild.length; j++) {
		imgs[j] = new Image();
		imgs[j].onload = load;
		imgs[j].onerror = error;
		imgs[j].onabort = abort;
		imgs[j].src = bild[j];
	}
	function load()  { document.f.load.value++;  }
	function error() { document.f.error.value++; }
	function abort() { document.f.abort.value++; }

}
//-->
</SCRIPT>

<body onload="loadCache()">

<table>
	<tr><FORM Name="f">
		<td align="right">
			werden geladen&nbsp;&nbsp;
		</td>
		<td class="nav" align="center">
			<input type="button" name="cache" width="20" class="select">
		</td>
		<td>
			&nbsp;&nbsp;loading	
		</td>
	</tr>
	<tr>
		<td align="right">
			geladen (OK)&nbsp;&nbsp;
		</td>
		<td class="nav" align="center">
			<input type="button" name="load" width="20" class="select">
		</td>
		<td>
			&nbsp;&nbsp;loaded (OK)
		</td>
	</tr>
	<tr>
		<td align="right">
			fehlerhaft&nbsp;&nbsp;
		</td>
		<td class="nav" align="center">
			<input type="button" name="error" width="20" class="select">
		</td>
		<td>
			&nbsp;&nbsp;error
		</td>
	</tr>
	<tr>
		<td align="right">
			abgebrochen&nbsp;&nbsp;
		</td>
		<td class="nav" align="center">
			<input type="button" name="abort" width="20" class="select">
		</td>
		<td>
			&nbsp;&nbsp;aborted
		</td>
	</tr></FORM>
</table>

</body></html>

Ben · 21.09.2005, 11:11

@ulle:
Zwei Gedanken im Kopf ..

Ich wollte schreiben "ohne CSS" bzw. "nur mit JavaScript".

pichfl · 22.09.2005, 21:45

Zitat:

Zitat von Ben

Eventuell als Ergänzung:

http://wellstyled.com/singlelang.php...rollovers.html

ehem... ich glaub, der link steht auch in meinem tut.
die site ist größtenteils daran schuld, das ich css nutze.

doria · 02.11.2005, 11:05

Hi,

leider steht die Seite wohl nicht mehr.

Praktisch wäre es hier die CSS-Datei zu finden.

Danke Doris

Ben · 02.11.2005, 12:32

Schau mal hier rein.
Da hat er sich die Idee geholt ..

Zitat:

Zitat von Ben

Eventuell als Ergänzung:

http://wellstyled.com/singlelang.php...rollovers.html

pichfl · 05.12.2005, 19:07

Hab grad in meinem Mint enddeckt, dass jmd das Tut vermisst.

Ich bin dabei die Seite neu aufzubauen, ich denke heute oder morgen Abend ist alles wieder da wo es sein soll.

http://einserver.de/sign
Entweder per Klick auf Essays oder im Moment sicher noch unter den neuesten Artikeln.

Ben · 05.12.2005, 19:40

Stell es hier einfach zur Verfügung?

pichfl · 05.12.2005, 21:05

kann ich auch machen, aber anders wärs mir lieber, hat den Vorteil, dass ich genau sehen kann, was mit dem tut passiert.

Ben · 06.01.2006, 18:57

Das Tutorial von pichfl ist ab sofort hier verfügbar.
Riesen Dank

.

http://forum.developers-guide.net/showthread.php?t=2509

05.09.2005, 13:39	Nach oben #21
pichfl CSS-Spinner Registriert seit: 27.08.2005 Ort: Kissing Beiträge: 46	[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash hmmm, wenn du weißt, wie ich ihn auf Mac OS X Tiger zum laufen kriege? VirtualPC etc fällt aus, weil das nicht mit meinem Router zusammenspielt und ich damit ohne Inet dastehe und auch den internen server ned nutzen kann, außerdem isses einfach zu langsam. geht meine hauptseite?

05.09.2005, 13:48	Nach oben #22
Sonny Gast Beiträge: n/a	[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash Da klappt eigentlich alles. Siehe meinen alten Screenshot auf Seite 2.

05.09.2005, 13:52	Nach oben #23
pichfl CSS-Spinner Registriert seit: 27.08.2005 Ort: Kissing Beiträge: 46	[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash danke für die info, find ich mal richtig planlos. wennd lust hast, kannst ja mal vergleichen, was wo und wie anders ist. Ich werd das so lassen, ist ja nurn gag für zwischendurch (das Beispiel 7) wenn die anderen funktionieren, passts. (BTW: Ich wäre froh, wenn ein paar das tut verlinken oder so, hab grad irgendwie keine Kunden, wäre also froh um etwas Arbeit)

05.09.2005, 16:53	Nach oben #24
MrNiceGuy Erfahrener Benutzer Registriert seit: 14.08.2005 Ort: Nienburg / Weser Beiträge: 662	[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash Kann mich mal bitte wer zwicken oder nen roten Rahmen um das machen, was gemeint wird? Ich sehe keinen Unterschied von dem Screenshot zu meiner Darstellung im IE!? eek

05.09.2005, 17:03	Nach oben #25
Sonny Gast Beiträge: n/a	[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash Ich hab nur 2 Screenshots aufs selbe Bild hochgeladen um ein paar Bytes zu sparen. ^^ Deshalb bist jetzt durcheinander gekommen oder was meinst du? Nochmal: www.einserver.de wird problemlos angezeight, nur bei dem Beispiel sehen die Buttons abgeschnitten aus.

05.09.2005, 17:09	Nach oben #26
MrNiceGuy Erfahrener Benutzer Registriert seit: 14.08.2005 Ort: Nienburg / Weser Beiträge: 662	[CSS] Hoverbutton mit HTML/CSS ohne JS/Flash Achso, wunderte mich schon, warum bei dem Screeny nur die Hauptseite zu sehen war und diese korrekt dargestellt wurde. HÄtte gerne mal gesehen, wie der Fehler sich äußert, ist aber egal, vielleicht installiere ich demnächst ja mal wieder nen NN

19.09.2005, 12:59	Nach oben #27
Ben Erfahrener Benutzer Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.619	Eventuell als Ergänzung: http://wellstyled.com/singlelang.php...rollovers.html

21.09.2005, 11:11	Nach oben #29
Ben Erfahrener Benutzer Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.619	@ulle: Zwei Gedanken im Kopf .. Ich wollte schreiben "ohne CSS" bzw. "nur mit JavaScript".

02.11.2005, 11:05	Nach oben #31
doria Neuer Benutzer Registriert seit: 01.11.2005 Beiträge: 29	CSS-Datei Hi, leider steht die Seite wohl nicht mehr. Praktisch wäre es hier die CSS-Datei zu finden. Danke Doris

05.12.2005, 19:07	Nach oben #33
pichfl CSS-Spinner Registriert seit: 27.08.2005 Ort: Kissing Beiträge: 46	Hab grad in meinem Mint enddeckt, dass jmd das Tut vermisst. Ich bin dabei die Seite neu aufzubauen, ich denke heute oder morgen Abend ist alles wieder da wo es sein soll. http://einserver.de/sign Entweder per Klick auf Essays oder im Moment sicher noch unter den neuesten Artikeln. Geändert von pichfl (05.12.2005 um 20:50 Uhr).

05.12.2005, 19:40	Nach oben #34
Ben Erfahrener Benutzer Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.619	Stell es hier einfach zur Verfügung?

05.12.2005, 21:05	Nach oben #35
pichfl CSS-Spinner Registriert seit: 27.08.2005 Ort: Kissing Beiträge: 46	kann ich auch machen, aber anders wärs mir lieber, hat den Vorteil, dass ich genau sehen kann, was mit dem tut passiert.

06.01.2006, 18:57	Nach oben #36
Ben Erfahrener Benutzer Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.619	Das Tutorial von pichfl ist ab sofort hier verfügbar. Riesen Dank . http://forum.developers-guide.net/showthread.php?t=2509

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Themen-Optionen
Druckbare Version zeigen Diese Seite per E-Mail verschicken