| Frage - 3 div's in einer Zeile und onmousover | 
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 14:47 |
|
Hallo,
ich frage nun hier nach da ich bei Google nen paar Einträge gefunden habe die aber nicht funktionieren.
Mein letztes Thema war ja das "Back to Top", das funktioniert nun auch, ich habe mich entschlossen auf beiden Seiten des Footers diesen Back to Top - Pfeil zu setzen.
So sieht es momentan aus:
Der rechte Pfeil sitzt komischerweise unten statt oben so wie der Linke Pfeil.
Hier mal der Codeteil:
echo "<td class='footer' valign='top'><div style='float:left; clear:left;'> <a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div>";
echo "<div style='float:center;' valign='top'>".stripslashes($settings['footer']);
echo "</div>";
echo "<a href='#top'><div style='float:right;' valign='top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div></td>";
Außerdem habe ich die Idee, dass wenn man auf diesen Pfeil ist das
dann ein anderer Pfeil z.B. mit einer anderen Farbe kommt also "onmousover", dazu hab ich diesen teil:
onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'
doch das funktioniert so nicht.
Theoretisch ist doch alles richtig gemacht oder ?
Würde mich über Hilfreiche Antworten freuen. |
|
|
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 14:56 |
|
1. Wo ist da denn der Fehler?
2. Es sind Grafiken, sprich die eine kommt wenn du drauf fährst und die andere wenn du runter fährst aber das geht nicht |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 14:57 |
|
<a href='#top'><div style='float:right;' valign='top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div></td>";
des reicht schon ^^ |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:00 |
|
Ja und was ist nun mit dem Fehler ? Ich find da immer noch kein ?
Wenn Du das verbessert hast funktioniert das immernoch nicht. |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:01 |
|
Nein hab ich nicht^^ der fehler is direkt am anfang, das du des nicht siehst is mir klar.
erst kommt bitte das div und dann das <a href bla... merkste? nicht wie bei dir... erst <a href und dann des div? |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:03 |
|
| Hmm .. habs verbessert aber es ist immernoch nicht oben.. |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:09 |
|
bei div's isses eig so.... hast du links mitte rechts und überall n float, floatet er von rechts mach ma
links rechts mitte? |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:12 |
|
Jetzt habe ich beide Pfeile auf der linken Seite
echo "<td class='footer' valign='top'><div style='float:links; '> <a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div>";
echo "<div style='float:mitte;' valign='top'>".stripslashes($settings['footer']);
echo "</div>";
echo "<div style='float:rechts;' valign='top'><a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div></td>"; |
|
|
|
Veteran Mitglied
|
| Janilein Geschrieben am 05.08.2012 um 15:18 |
|
Genau, Links Rechts Mitte
Edit: Da du ja eh mit Tabellen arbeitest, warum nicht jetzt auch? Macht sich doch für dich leichter. |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:18 |
|
| ö.Ö http://www.html.de/css/21176-3-divs-nebeneinander.html#post169207 |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:20 |
|
| Achso also muss ich das in die CSS dann machen ? |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:22 |
|
| du solltest allgemeine styles in die .css setzen, macht sich besser. |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:25 |
|
| Nunja aber ich nutze die ID mitte schon für das Bannersystem oben, kann ich das auch #mitte1 nennen ? |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:27 |
|
| nimmsch was anderes??????? |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:29 |
|
Ja hab ich jetzt aber es ändert sich nichts
also css:
 GeSHi: CSS#links { float:left; valign:top; } #rechts { float:right; valign:top; } #mitte { float:mitte; valign:top; }
gewandelt in 0.004 Sekunden, benutzt wurde GeSHi 1.0.8.10
Code:
echo "<td class='footer'><div id='links'> <a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div>";
echo "<div id='rechts'><a href='#top'><img src='".IMAGES."Bild_Material/up.png' alt='Scroll to top' title='scroll to top' onmouseover='this.src='".IMAGES."Bild_Material/up-hover.png' onmouseout='this.src='".IMAGES."Bild_Material/up.png'></a></div>";
echo "<div id='mitte'>".stripslashes($settings['footer']);
echo "</div></td>";
Die Pfeile sind beide auf der Linken Seite direkt untereinander |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:30 |
|
setz ma ins td ne id='lol'
in die css
#lol {
float:clear;
} |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:32 |
|
| Das geht auch nicht. Außerdem brauch das Bannersystem die ID mitte sonst wird die Grafik nicht angezeigt, sprich ich muss es unten dann middle nennen aber es geht auch nicht so... |
|
|
|
Senior Mitglied
|
| Ragdoll Geschrieben am 05.08.2012 um 15:35 |
|
| wer weis was bei deinem theme verhunzt is^^ |
|
|
|
Veteran Mitglied
|
| Paramedic Geschrieben am 05.08.2012 um 15:37 |
|
Hilft mir jetzt auch super weiter ...
naja egal
dann zum nächsten Problem dieses mousover .. wie bekomme ich das ? |
|
|
