Juergens-Workshops.de Forum
Pfad doppelt - Druckversion

+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: Rund um HTML (https://forum.juergens-workshops.de/forumdisplay.php?fid=83)
+--- Thema: Pfad doppelt (/showthread.php?tid=20148)

Seiten: 1 2

Pfad doppelt - Titzia - 23.05.2006

hallöle...also mit dem Mouseovereinbau und so das hab ich hinbekommen..allerdings wird mir jetzt mein Pfad zum Button doppelt angezeigt...was habe ich denn nu wieder falsch gemacht???? häng mal n Bild mit an vom Code und Pfad ganz unten ...weiss jemand rat???:oops:


Pfad doppelt - Helmut - 23.05.2006

Hi,

poste bitte den Code hier ins Forum, mit dem Bild kann man nichts anfangen.

Cu Helmut

Pfad doppelt - Titzia - 23.05.2006

Bussi

Ins Body:

<a href="http/:www.titzis-welt.de/home.htm"
onmouseover="home.src='home.gif';"
onmouseout="home.src='hpigge/home.jpg';">&nbsp;<img src="hpigge/home.jpg"
border="0" width="107"height="36"
name="home"></a>


im Head meine ganzen buttons:
<!--
button1= new Image();
button1.src = "home.gif"
button2= new Image();
button2.src = "hpigge/home.jpg"
button3= new Image();
button3.src = "freunde.gif"
button4= new Image();
button4.src = "hpigge/freunde.jpg"
button5= new Image();
button5.src = "guest.gif"
button6= new Image();
button6.src = "hpigge/guest.jpg"
button7= new Image();
button7.src = "trauer.GIF"
button8= new Image();
button8.src = "hpigge/trauer.jpg"
button9= new Image();
button9.src = "boarddorf.GIF"
button10= new Image();
button10.src = "button/boarddorf.gif"
button11= new Image();
button11.src = "on.gif"
button12= new Image();
button12.src = "button/on.gif"
button13= new Image();
button13.src = "calebbutton.gif"
button14= new Image();
button14.src = "caleb/buttoncaleb.jpg"
button15= new Image();
button15.src = "forum.gif"
button16= new Image();
button16.src = "hpigge/forum.jpg"
button17= new Image();
button17.src = "card.GIF"
button18= new Image();
button18.src = "hpigge/card.jpg"
button19= new Image();
button19.src = "pischule.gif"
button20= new Image();
button20.src = "hpigge/pischule.jpg"
button21= new Image();
button21.src = "smily.gif"
button22= new Image();
button22.src = "hpigge/smily.jpg"
button23= new Image();
button23.src = "pibi.gif"
button24= new Image();
button24.src = "hpigge/pi.jpg"
button25= new Image();
button25.src = "tauschi.gif"
button26= new Image();
button26.src = "hpigge/tauschi.jpg"
button27= new Image();
button27.src = "awards.gif"
button28= new Image();
button28.src = "hpigge/awards.jpg"
button29= new Image();
button29.src = "geschenk.GIF"
button30= new Image();
button30.src = "hpigge/geschenke.gif"










/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
:roll:

Pfad doppelt - Helmut - 23.05.2006

Hi,

ich hab hier für Dich mal ein Beispiel
Funktioniert soweit in allen gängigen Browsern.
Cu Helmut

Pfad doppelt - Titzia - 24.05.2006

na nu seh ich buttons aber kein code dazu :roll: hättest da was für mich????:oops:


Pfad doppelt - Jürgen - 24.05.2006

Hallo Titzia,

Du brauchst dir doch nur von der "testsite.html" den Quelltext anzeigen lassen. ;-)

Was mir noch aufgefallen ist: Der Button liegt ja ausserhalb der Tabelle im Bodytag...

<body>
<a href="http/:www.titzis-welt.de/home.htm"
onmouseover="home.src='home.gif';"
onmouseout="home.src='hpigge/home.jpg';">

<img src="hpigge/home.jpg"
border="0" width="107"height="36"
name="home"></a>
</body>

Wobei der Button in einer Zelle der Tabelle positioniert werden muß, in der Du ihn gerne hättest,
<td>Button und Code zwischen Tabellenzelle notieren</td>
denn so "hängt" der unten auf der Seite rum.
Die gesamte Tabelle gehört auch zwischen den Body-Tags.

Bis dann
Jürgen

Pfad doppelt - Titzia - 24.05.2006

ich verzweifel hier grad...der code funzt zwar..aber der verreisst mir meine ganzen tabellen...vielleicht kannst ja mal den code anschauen und mir eventuell n screen machen wo ich den code reinmachen soll:roll: :roll: Bussi

http://www.titzis-welt.de/home.htm


Pfad doppelt - Jürgen - 24.05.2006

Hallo Titzia,

bereinige zuerst den furchtbaren Quelltext ;-)
Lösche die geschützten Leerzeichen, also das hier &nbsp;
Wenn DU Buttons untereinander haben willst, dann mache das mit einem normalen zeilenumbruch, also einem
<br>

Auch die <p> - Tags können raus. Das sind leider die aufgeblähten Quelltexte, die solche Wysiwyg-Editoren machen. Lerne HTML und Du kannst das dann besser beeinflussen.
Wie möchtest Du die Buttons denn gerne haben? Je nach dem wie ich das Browserfenster verkleiner, werden die Buttons über mehrere Zeilen angezeigt. Wird das Browserfenster größer aufgezogen, dann werden die Buttons natürlich wieder anders in den Zeilen angezeigt, weil Du keine Pixelwerte eingetragen hast.

Schreib also mal, welche Button wo stehen sollen, und ich packe sie dann in die Tabellenzelle/n.

Bis dann
Jürgen

Pfad doppelt - Titzia - 25.05.2006

also die sollen so stehen wie im Anhang. ;-) Bussi merke schon..ich muss wirklich html lernen..werde dann mal deinen workshop durchforsten MrGreen danke dir übrigens für die hilfe und geduld...Bussi

Pfad doppelt - Jürgen - 25.05.2006

Hallo Titzia,

ich habe das gröbste erledigt und alle überflüssigen p-Tags gelöscht. Du hattest auch viele doppelte <a/></a> im Quelltext gehabt.
Du mußt auf jeden Fall die HP neu erstellen, weil die Größenangaben der Photos schon Probleme mit dem Platz auf einem Monitor eines Besuchers machen, der nur 800x600 Pixel als Auflösung hat. Deine Seite sieht jetzt so aus...

[Bild: titzia.jpg]

...und sollte in einer Auflösung ab 1024 x 768 gut anzusehen sein. Wenn Du das Browserfenster kleiner machst, dann siehst Du, wie sich die Buttons verschieben, weil sie in der linken Tabelle keinen ausreichenden Platz haben.

Ich habe die Seite hochgeladen und Du kannst Dir den Quelltext kopieren...

http://www.juergens-workshops.de//beispielpics/vbboard/home.htm

Bis dann
Jürgen