[Erledigt] Div Layer

Benshy · 14.12.2009, 18:23

Hoi,

habe ein kleines Problem.
Ich lasse ein <div> per klick auf ein bild anzeigen.

der Div - Bereich sieht wie folgt aus:

Code:

<div id="linkbox">
<?php
echo "<table border=\"0\" width=\"71\" id=\"table1\" height=\"381\">
	<tr>
		<td background=\"".$prefix."http://www.php.de/images/gebaude_planet.png\">
		<strong><font face=\"Verdana\" size=\"1\" color=\"#FFFFFF\"><br>&nbsp;</font><font face=\"Verdana\" color=\"#FFFFFF\" style=\"font-size: 7pt\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href=\"#\" onclick=\"show('linkbox','hidden')\">x</a><br>
		<br>
&nbsp;&nbsp; Link 1<br>
&nbsp;&nbsp; Link 2<br>
&nbsp;&nbsp; Link 3<br>
&nbsp;&nbsp; Link 4<br>
&nbsp;&nbsp; Link 5</font></strong><br>
		<br>
&nbsp;<p>&nbsp;</p>
		<p>&nbsp;</td>
	</tr>
</table>";
?>
</div>

Div wird auch perfekt angezeigt, da liegt das Problem nicht.

Leider ist es aber so, das der Link bei dem X ( für div wieder schließen ) nicht anklickbar ist.
Irgendwie ist es wohl so, das das DIV unter anderen Divs liegt, bzw. der Link nicht ganz oben ist.
Wie kann ich das Problem lösen?
Gibt es einen Befehl der den Div generell auf oberste Position postet?
Das ganze muss im IE und in Firefox funktionieren.

nikosch · 14.12.2009, 18:32

Benutze bitte PHP-Tags hier im Forum! Oder noch besser: Poste bei client-seitigen Problemen auch HTML-Code!

- Was soll Präfix beinhalten?
- font ist veraltet > CSS benutzen!
-   &n… solltest Du Dir schenken und padding/margin (CSS) benutzen
- Eine Tabelle mit nur einem Feld ist Unsinn
- Das eigentliche Problem zeigt der Code gar nicht.

Benshy · 14.12.2009, 20:01

- Was soll Präfix beinhalten?

Präfix enthält den Weg zu einem verzeichniss ( wird ohne probleme angesprochen )

- font ist veraltet > CSS benutzen!

ok

-   &n… solltest Du Dir schenken und padding/margin (CSS) benutzen

siehe nächste frage.!

- Eine Tabelle mit nur einem Feld ist Unsinn

normalerweise schon, aber der DIV hat einen hintergrund, den ich mit body background nicht einfügen kann, da es unsinnig ist einen background über einen background zu legen bzw. dieser nicht angezeigt wird, also mache ich eine Tabelle mit hintergrund damit dieser angezeigt wird.
Aus diesem Grund auch die leerzeichen, da der Text ein wenig eingerückt erscheinen soll ( ok, das ist über tabellenoptionen auch möglich einzustellen, werd ich auch so machen. )

- Das eigentliche Problem zeigt der Code gar nicht.

das ist das problem.
für mich ist alles richtig.
das div wird auch über den anderen divs angezeigt.
auch der link wird angezeigt ( also die standartblaue farbe mit unterstrich ).
aber wenn ich auf den bereich zeige bzw. klicke wo der link ist passiert nichts.
es wird kein pfad nicht angezeigt, weil normalerweise müsste es das ja tun, und es wird auch keine aktion ausgeführt, weder im IE noch im FF.

um es noch ein wenig verständlicher zu machen.

das hier ist der link ( <- dieser soll anklickbar sein, ist auch so gekennzeichnet )

ABER: ich kann nicht draufklicken und beim draufzeigen wird auch nicht gezeigt das dort ein link ist.

Frage:
um folgenden bereich geht es:

Code:

<a href=\"#\" onclick=\"show('linkbox','hidden')\">x</a>

was ist an der zeile falsch das der link nicht anklickbar ist?
bzw. wie bringe ich einen DIV dazu generell an oberster stelle zu liegen, weil daran scheint es evtl. zu hängen.

nikosch · 14.12.2009, 20:32

Zitat:

Präfix enthält den Weg zu einem verzeichniss ( wird ohne probleme angesprochen )

Dann schau mal genau hin:

background=\"".$prefix."[b]http://www.php.de/images/gebaude_planet.png\"

Zitat:

normalerweise schon, aber der DIV hat einen hintergrund, den ich mit body background nicht einfügen kann, da es unsinnig ist einen background über einen background zu legen bzw. dieser nicht angezeigt wird,

Ich sehe keinen Grund, das nicht mit einem div zu tun. Ein Tabellenbackground über einem anderen BG ist genauso unsinnig wie ein Div-BG über einen BG.

Zitat:

wie bringe ich einen DIV dazu generell an oberster stelle zu liegen,

an oberster Stelle wovon? Ich sehe da nur ein div.

Benshy · 14.12.2009, 21:30

verdammt. keine ahnung wie das php.de - das Deutsche PHP-Forum da hinkommt *G* steht in meinem code eigentlich nicht so drin ^^ lol.

naja, is jetzt alles egal, vergess den code oben.

ich weis das es einen code gibt der einen div an oberster stelle positioniert.
in meiner seite werden ca. 30 divs angezeigt.
ich kann nicht den ganzen code kopieren weil es sich hierbei um 3 dateien handelt die an unterschiedlichen seiten eingebunden werden.

mir geht es nur darum das der div den ich meine anscheinend nicht ganz oben aufgelegt wird, da ich ja ansonsten den link anklicken könnte.
weil wenn ich den code ohne der eigentlichen seite verwende funkt der link.

wie also sage ich dem div: "du sei an oberster stelle".

google gibt mir nur style="z-index:1;" vor, das funkt aber nicht, auch wenn ich statt der ein 10 schreibe.

meine frage also:
gibt es einen befehl der das div sowohl im IE als auch im FF an oberster stelle positioniert?

der rest des codes ist uninteressant hier weil er funkt.

nikosch · 14.12.2009, 21:41

Zitat:

der rest des codes ist uninteressant hier weil er funkt.

Offensichtlich ja nicht. Validier die Seite, überprüfe alles mit Firebug, mehr kann ich nicht raten bei diesem Wissensstand.

Benshy · 15.12.2009, 00:48

ich bin schon mal soweit das ich jetzt sicher weis das das div unter einem anderen div liegt.

leider bekomme ich das betreffende div nicht mit

PHP-Code:

  <div id="test" style="z-index:2;">...</div>

irgendwie dazu priorität nach oben zu setzen oder sich über den andren div zu legen.

gibt es einen befehl der dem div sagt das es generell immer ob ist, also ohne reihenfolge, dann wäre das problem gelöst?

nikosch · 15.12.2009, 01:22

Pack das Problem an der Wurzel, nicht am Blatt.

Benshy · 15.12.2009, 03:15

also nach langem suchen in google hab ich die lösung gefunden.

der ansatz mit z-index:1; im css war schon mal ganz richtig

hat nur noch position:absolute; gefehlt, jetzt geht es einwandfrei.

vielleicht ist ja jetzt das Problem das ich hatte auch leichter zu verstehen.
Es ging nur darum das das Div ganz oben angezeigt wird, praktisch alles überlappt. der rest vom code war egal ^^

Trotzdem danke für die Hilfe.
Ach ja: Firebug durchlief alles ohne problem und die Fehlerwurzel war meine Frage

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Link hinter div layer nicht anklickbar (Firefox)		HTML, Usability und Barrierefreiheit	3	26.11.2009 17:12
[Erledigt] Layer richtig positionieren	sagato0816	JavaScript, Ajax und mehr	22	21.10.2009 19:28
URL über Textfeld im Layer öffnen	vollmilch	JavaScript, Ajax und mehr	2	20.07.2009 11:49
layer - besuchertausch	benji889	Off-Topic Diskussionen	10	16.06.2009 19:33
Java Script - Layer runterfahren lassen	Curcio	JavaScript, Ajax und mehr	5	13.04.2009 20:45
Inhalte / Layer zeitgesteuert dynamisch ändern	goodieboy	PHP Tipps 2008	7	10.11.2008 15:28
Layer immer zentriert erscheinen lassen	andrew22	HTML, Usability und Barrierefreiheit	2	10.05.2007 10:19
Layer relativ zur Tabelle	suter	HTML, Usability und Barrierefreiheit	4	20.03.2006 14:06
Training von neuronalen Netzen		PHP Tipps 2005	5	28.09.2005 15:12
Layer am Ende einer Seite platzieren	php1	HTML, Usability und Barrierefreiheit	2	21.03.2005 22:44
Text in Layer	Stümper	HTML, Usability und Barrierefreiheit	16	23.02.2005 05:26
Layer mittels PHP steuern		PHP Tipps 2004	1	30.08.2004 09:27
Layer visibility per Css-Script ändern		HTML, Usability und Barrierefreiheit	3	18.08.2004 23:28
Layer zentrieren	rocco	HTML, Usability und Barrierefreiheit	12	02.08.2004 17:25
Div Layer erst nach 2 Sekunden öffnen		HTML, Usability und Barrierefreiheit	1	22.07.2004 18:22

14.12.2009, 18:23
Benshy Benutzer Registriert seit: 08.08.2009 Beiträge: 95 PHP-Kenntnisse: Anfänger	[Erledigt] Div Layer Hoi, habe ein kleines Problem. Ich lasse ein <div> per klick auf ein bild anzeigen. der Div - Bereich sieht wie folgt aus: Code: <div id="linkbox"> <?php echo "<table border=\"0\" width=\"71\" id=\"table1\" height=\"381\"> <tr> <td background=\"".$prefix."http://www.php.de/images/gebaude_planet.png\"> <strong><font face=\"Verdana\" size=\"1\" color=\"#FFFFFF\"><br> </font><font face=\"Verdana\" color=\"#FFFFFF\" style=\"font-size: 7pt\">        <a href=\"#\" onclick=\"show('linkbox','hidden')\">x</a><br> <br>    Link 1<br>    Link 2<br>    Link 3<br>    Link 4<br>    Link 5</font></strong><br> <br>  <p> </p> <p> </td> </tr> </table>"; ?> </div> Div wird auch perfekt angezeigt, da liegt das Problem nicht. Leider ist es aber so, das der Link bei dem X ( für div wieder schließen ) nicht anklickbar ist. Irgendwie ist es wohl so, das das DIV unter anderen Divs liegt, bzw. der Link nicht ganz oben ist. Wie kann ich das Problem lösen? Gibt es einen Befehl der den Div generell auf oberste Position postet? Das ganze muss im IE und in Firefox funktionieren.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

14.12.2009, 18:32
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Benutze bitte PHP-Tags hier im Forum! Oder noch besser: Poste bei client-seitigen Problemen auch HTML-Code! - Was soll Präfix beinhalten? - font ist veraltet > CSS benutzen! -   &n… solltest Du Dir schenken und padding/margin (CSS) benutzen - Eine Tabelle mit nur einem Feld ist Unsinn - Das eigentliche Problem zeigt der Code gar nicht. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. -- Geändert von nikosch (14.12.2009 um 18:37 Uhr).

14.12.2009, 20:01
Benshy Benutzer Registriert seit: 08.08.2009 Beiträge: 95 PHP-Kenntnisse: Anfänger	- Was soll Präfix beinhalten? Präfix enthält den Weg zu einem verzeichniss ( wird ohne probleme angesprochen ) - font ist veraltet > CSS benutzen! ok -   &n… solltest Du Dir schenken und padding/margin (CSS) benutzen siehe nächste frage.! - Eine Tabelle mit nur einem Feld ist Unsinn normalerweise schon, aber der DIV hat einen hintergrund, den ich mit body background nicht einfügen kann, da es unsinnig ist einen background über einen background zu legen bzw. dieser nicht angezeigt wird, also mache ich eine Tabelle mit hintergrund damit dieser angezeigt wird. Aus diesem Grund auch die leerzeichen, da der Text ein wenig eingerückt erscheinen soll ( ok, das ist über tabellenoptionen auch möglich einzustellen, werd ich auch so machen. ) - Das eigentliche Problem zeigt der Code gar nicht. das ist das problem. für mich ist alles richtig. das div wird auch über den anderen divs angezeigt. auch der link wird angezeigt ( also die standartblaue farbe mit unterstrich ). aber wenn ich auf den bereich zeige bzw. klicke wo der link ist passiert nichts. es wird kein pfad nicht angezeigt, weil normalerweise müsste es das ja tun, und es wird auch keine aktion ausgeführt, weder im IE noch im FF. um es noch ein wenig verständlicher zu machen. das hier ist der link ( <- dieser soll anklickbar sein, ist auch so gekennzeichnet ) ABER: ich kann nicht draufklicken und beim draufzeigen wird auch nicht gezeigt das dort ein link ist. Frage: um folgenden bereich geht es: Code: <a href=\"#\" onclick=\"show('linkbox','hidden')\">x</a> was ist an der zeile falsch das der link nicht anklickbar ist? bzw. wie bringe ich einen DIV dazu generell an oberster stelle zu liegen, weil daran scheint es evtl. zu hängen. Geändert von Benshy (14.12.2009 um 20:05 Uhr).

14.12.2009, 21:30
Benshy Benutzer Registriert seit: 08.08.2009 Beiträge: 95 PHP-Kenntnisse: Anfänger	verdammt. keine ahnung wie das php.de - das Deutsche PHP-Forum da hinkommt G steht in meinem code eigentlich nicht so drin ^^ lol. naja, is jetzt alles egal, vergess den code oben. ich weis das es einen code gibt der einen div an oberster stelle positioniert. in meiner seite werden ca. 30 divs angezeigt. ich kann nicht den ganzen code kopieren weil es sich hierbei um 3 dateien handelt die an unterschiedlichen seiten eingebunden werden. mir geht es nur darum das der div den ich meine anscheinend nicht ganz oben aufgelegt wird, da ich ja ansonsten den link anklicken könnte. weil wenn ich den code ohne der eigentlichen seite verwende funkt der link. wie also sage ich dem div: "du sei an oberster stelle". google gibt mir nur style="z-index:1;" vor, das funkt aber nicht, auch wenn ich statt der ein 10 schreibe. meine frage also: gibt es einen befehl der das div sowohl im IE als auch im FF an oberster stelle positioniert? der rest des codes ist uninteressant hier weil er funkt. Geändert von Benshy (14.12.2009 um 21:35 Uhr).

15.12.2009, 00:48
Benshy Benutzer Registriert seit: 08.08.2009 Beiträge: 95 PHP-Kenntnisse: Anfänger	ich bin schon mal soweit das ich jetzt sicher weis das das div unter einem anderen div liegt. leider bekomme ich das betreffende div nicht mit PHP-Code: `<div id="test" style="z-index:2;">...</div>` irgendwie dazu priorität nach oben zu setzen oder sich über den andren div zu legen. gibt es einen befehl der dem div sagt das es generell immer ob ist, also ohne reihenfolge, dann wäre das problem gelöst?

15.12.2009, 01:22
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Pack das Problem an der Wurzel, nicht am Blatt. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

15.12.2009, 03:15
Benshy Benutzer Registriert seit: 08.08.2009 Beiträge: 95 PHP-Kenntnisse: Anfänger	also nach langem suchen in google hab ich die lösung gefunden. der ansatz mit z-index:1; im css war schon mal ganz richtig hat nur noch position:absolute; gefehlt, jetzt geht es einwandfrei. vielleicht ist ja jetzt das Problem das ich hatte auch leichter zu verstehen. Es ging nur darum das das Div ganz oben angezeigt wird, praktisch alles überlappt. der rest vom code war egal ^^ Trotzdem danke für die Hilfe. Ach ja: Firebug durchlief alles ohne problem und die Fehlerwurzel war meine Frage