Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

problem mit formatierung von onmouseover grafiken

Empfohlene Antworten

Veröffentlicht

Sorry, wusste nicht genau in welches forum es gehört.

habe da ein problem, wie auf dem bild zu erkennen ist, ist zwischen der ersten und der zweiten zeile ein "leerstück" und ich bekomme das einfach nicht weg. weiß jemand wodran es liegen könnte?

habe erstmal nur bei der ersten grafik (top_00.jpg bzw. top_rollover_00.jpg) den onmouseover effect eingebaut.

forum.jpg

hier der quelltext:

<head>

<script

language=\"JavaScript\">

<!--

button1= new Image();

button1.src = \"/images/top_00.jpg\"

button2= new Image();

button2.src = \"/images/top_rollover_00.jpg\"

button3= new Image();

button3.src = \"/images/top_01.jpg\"

button4= new Image();

button4.src = \"/images/top_rollover_01.jpg\"

button5= new Image();

button5.src = \"/images/top_02.jpg\"

button6= new Image();

button6.src = \"/images/top_rollover_02.jpg\"

button7= new Image();

button7.src = \"/images/top_04.jpg\"

button8= new Image();

button8.src = \"/images/top_rollover_04.jpg\"

button9= new Image();

button9.src = \"/images/top_05.jpg\"

button10= new Image();

button10.src = \"/images/top_rollover_05.jpg\"

button11= new Image();

button11.src = \"/images/top_06.jpg\"

button12= new Image();

button12.src = \"/images/top_rollover_06.jpg\"

</script>

</head>

echo"

<table width=\"996\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">

<tr>

<td width=\"65\" height=\"30\" style=\"vertical-align:top;\">

<a href=\"/main.php?seite=home\"

onmouseover=\"austausch1.src='/images/top_rollover_00.jpg';\"

onmouseout=\"austausch1.src='/images/top_00.jpg';\">

<img src=\"/images/top_00.jpg\"

border=\"0\" width=\"65\" height=\"30\"

name=\"austausch1\">

</a>

</td>

<td width=\"87\" valign=\"top\" style=\"background-image: url(/images/top_01.jpg);background-repeat:no-repeat;font-family:Tahoma;font-size:10pt;vertical-align:middle;\">

</td>

<td width=\"73\" valign=\"top\" style=\"background-image: url(/images/top_02.jpg);background-repeat:no-repeat;font-family:Tahoma;font-size:10pt;vertical-align:middle;\">

</td>

<td width=\"475\" valign=\"top\" style=\"background-image: url(/images/top_03.jpg);background-repeat:no-repeat;\">

</td>

<td width=\"100\" valign=\"top\" style=\"background-image: url(/images/top_04.jpg);background-repeat:no-repeat;font-family:Tahoma;font-size:10pt;\">

</td>

<td width=\"95\" valign=\"top\" style=\"background-image: url(/images/top_05.jpg);background-repeat:no-repeat;font-family:Tahoma;font-size:10pt;\">

</td>

<td width=\"101\" valign=\"top\" style=\"background-image: url(/images/top_06.jpg);background-repeat:no-repeat;font-family:Tahoma;font-size:10pt;\">

</td>

</tr>

<tr>

<td height=\"120\" valign=\"top\">

<img src=\"/images/top_07.jpg\" border=\"0\" width=\"65\" height=\"120\">

</td>

<td valign=\"top\">

<img src=\"/images/top_08.jpg\" border=\"0\" width=\"87\" height=\"120\">

</td>

<td valign=\"top\">

<img src=\"/images/top_09.jpg\" border=\"0\" width=\"73\" height=\"120\">

</td>

<td valign=\"top\">

<img src=\"/images/top_10.jpg\" border=\"0\" width=\"475\" height=\"120\">

</td>

<td valign=\"top\">

<img src=\"/images/top_11.jpg\" border=\"0\" width=\"100\" height=\"120\">

</td>

<td valign=\"top\">

<img src=\"/images/top_12.jpg\" border=\"0\" width=\"95\" height=\"120\">

</td>

<td valign=\"top\">

<img src=\"/images/top_13.jpg\" border=\"0\" width=\"101\" height=\"120\">

</td>

</tr>

</table>

";

setz mal in dein Stylesheet ein

*

{

margin: 0px;

padding: 0px;

}

Standardgemäß ist da glaube ich in tds oder trs was drin.

versuch mal, vor allen </a>'s und </td>'s etc (wo angemessen), die umbrüche und whitespaces im quellcode rauszunehmen - wahrscheinlich rendert der browser die teilimages falsch.

s'Amstel

versuch mal, vor allen </a>'s und </td>'s etc (wo angemessen), die umbrüche und whitespaces im quellcode rauszunehmen - wahrscheinlich rendert der browser die teilimages falsch.

s'Amstel

hatte letztens noch, den gleichen Darestellungsfehler und es lag wie Amstelchen schon sagt, an einem SPACE ;) Hat einen Manntag gekostet, aber was solls :D

Hi!

Sorry, dass ich erst jetztantworte, hatte viel um die ohren und bin erst heute wieder zum proggen gekommen.

Wolltemic als erstes mal beu euch bedanken, es lag tatsächlich am space. Wäre ich nie drauf gekommen, hätte nicht gedacht, dass das was ausmacht!

Sah im firefox und im iexplorer ******e aus, jetzt ists in beiden perfekt.

wunderbar.

danke

mfG. recall

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.