• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

mehrere mouseover

Status
Für weitere Antworten geschlossen.
M

marcoz

Neues Mitglied
hallo,
ich habe ein problem,
und zwar ist es so das ich im meiner html datei des so gemacht hab,
einene hintergrund+tabelle rein und links und rechts von der datei abstand das die tabelle nich über die ganze seite geht+ iframe in tabelle + in der tabelle nochmals eine in der ich einen mouseover habe(bild das durch ein anderes ersetzt wird).


so jetzt mein problem:
wie kann ihc mehrere iframes hinbekommen untereinander und wie richte ich diese zentriert aus.


wie haben das die von der page www.erdnutz.de gemacht, habn die auch mouseover mit javascript genommen oder wie???

hier ist noch die html datei:

HTML: 
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "button2 grau news.gif"
button2= new Image();
button2.src = "button2 blau news.gif"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</head>
<body bgcolor="#000000" text="#000000">
<table style="margin-top:-55px;" align="center" bgcolor="#C0C0C0" border="0px" width="765px" height="1000px">
  <tr>
    <td colspan="2" align="center" valign="top" style="margin-left:15px">
      <img align="center" src="sws.jpg" width="764px" height="250px">
    </td>
  </tr>
  <tr>
<td align="left">
     <center>
      <table bgcolor="white" border="0" width="220px" height="740px">
        <tr>
          <td valign="top">
        <a align="center" target="news" href="erste tabellen.html"onmouseover="austausch1.src='button2 blau news.gif';"onmouseout="austausch1.src='button2 grau news.gif';">
             <img src="button2 grau news.gif" border="`0" width="100"height="20"name="austausch1">
            </a>
       </td>
      <td>
         </td>
        </td>
       </tr>
      </table>
     </center>
    </td>
   <td align="right">
    <iframe src="news.html" width="540px" height="740px" name="news">
   </td>
  </tr>
</table>
</body>
</html>


danke für eure antworten schon im vorraus

Gruß Marco

Mod-Edit: Code-Tags editiert - Beim nächsten Mal bitte dran denken (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
und wie geht des mit javascript ich würd des gerne mit dem machn, weil ich noch keine erfahrungen mit css gemacht hab und des gerne mit javascript machn würd wie geht des
mit dem???
 
ich weiß zwar nich genau was du meinst aber ich würd CSS lernen, es ist nicht schwer du brauchst nein paar stunden um es dir anzueignen also wie es funktioniert natürlich nicht jeden befehl, ich würd dir es empfehlen den dadurch kanst du dir eine menge arbeit sparen,

guck dir das mal an und such noch eventuell bei google noch nach ein paar tuts zu css

www.css4you.de

...

grüße

edit...

ich würd erst HTML, dan CSS, lernen und dan mit PHP,JS witermachen... hab ich so gemacht
 
ja danke für den tip aber ich möchte trotzdem das wissen wie das geht mit javascript das man mehrere mouseover untereinander machen kann und wie man sie zentrioert ausrichten kann. ich lerne css jetzt wahrscheindlich, aber ich möchte das mit javascript trotzdem wissen kann das mir niemand erklären???
 
bei erdnutz ist der text eine grafik.
PHP: 
onMouseover="this.img.src( ... )"; onMouseout="this.img.src( ... )";

schau dir doch einfach denen ihr QC an!

aber wie gesagt, das müsstest du dann in jeden tag machen, den du "gemouseovert" haben willst.

mit css könnest du einfach eine classe machen und fertig.

mit 3 zeilen wäre alles für das komplette projekt erledigt.


lg,
n1ob
 
Zuletzt bearbeitet:
ok das mit css überleg ich mir mal, aber wie machen die erdnutz des, kannst du mir das in javascript schreiben wie ich eine zweite grafik in den quelltext schreiben könnte :

HTML: 
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "button2 grau news.gif"
button2= new Image();
button2.src = "button2 blau news.gif"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</head>
<body bgcolor="#000000" text="#000000">
<table style="margin-top:-55px;" align="center" bgcolor="#C0C0C0" border="0px" width="765px" height="1000px">
  <tr>
    <td colspan="2" align="center" valign="top" style="margin-left:15px">
      <img align="center" src="sws.jpg" width="764px" height="250px">
    </td>
  </tr>
  <tr>
<td align="left">
     <center>
      <table bgcolor="white" border="0" width="220px" height="740px">
        <tr>
          <td valign="top">
        <a align="center" target="news" href="erste tabellen.html"onmouseover="austausch1.src='button2 blau news.gif';"onmouseout="austausch1.src='button2 grau news.gif';">
             <img src="button2 grau news.gif" border="`0" width="100"height="20"name="austausch1">
            </a>
       </td>
      <td>
         </td>
        </td>
       </tr>
      </table>
     </center>
    </td>
   <td align="right">
    <iframe src="news.html" width="540px" height="740px" name="news">
   </td>
  </tr>
</table>
</body>
</html>


ja und könntest du mir eben des in den quelltexte von mir reinschreiben und dann einfach mir den dazuschreiben einfach was in den von mir reinschreiben das ich n zweite grafik reinb machn kann.

Mod-Edit: Code-Tags editiert - Schon zum zweiten Mal... (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
also erstensmal, verwende die code-tags. so kann das ja keiner lesen ...

Code: 
button1= new Image();
button1.src = "button2 grau news.gif"
button2= new Image();
button2.src = "button2 blau news.gif"
button3=new Image();
button3.src = "button4 grau news.gif"
button4 = new Image();
...
...
...
Das kannst du so unendlich weiterführen, aber das ist doch schwachsinn.
du könntest auch einfach mit allen buttons auf das gleich zugreifen.
Also einmal
Code: 
button= new Image();
button.src = "button grau news.gif"
und das einfach immerwieder verwenden. aber wie gesagt. css ist einiges eleganter.
 
ja ich weiß nicht wie ich des in html einbinden soll wie macht man des mit css
ich hab versucht des zu lernene bei www.css4you.de
aber ich check des nich wie man da des mit dem javascript geht
bitte helft mir.
 
Code: 
<html>
<head>
<style>
.dein_button:link
{
  display:block;
  width:100px;
  height:100px;
  background-color:#666;
  background-image;URL("button2 grau news.gif");
}
.dein_button:visited
{
  display:block;
  width:100px;
  height:100px;
  background-color:#666;
  background-image;URL("button2 grau news.gif");
}
.dein_button:activ
{
  display:block;
  width:100px;
  height:100px;
  background-color:#666;
  background-image;URL("button2 grau news.gif");
}
.dein_button:hover
{
  display:block;
  width:100px;
  height:100px;
  background-color:#888;
  background-image;URL("button2 blau news.gif");
}
</style>
</head>
<body>
<a href="google.de" class="dein_button">&nbsp;</a>
</body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben