Irgendwie sieht das komisch aus...

Ryuuzaki93 · 12.12.2009, 08:47

Hi,

also ich hab ein kleines Problem mit meineer Seite. Ich habe auf ihr ein Buld angezeigt und auf dem Bild will ich ein Ein bisschen Text haben. Den Teil hab ich schon hingekriegt, allerdings sollte der Text immer auf ein und der selben Stelle im Bild sein, was ich nicht hinbekomme (Er soll ja auf verscheidenen Bildschirmauflösungen auf der selben Stelle sein.)

Hier ist das Skript:

PHP-Code:

  <style type="text/css">

 .examplediv

 {

  border-style:solid #000000 1px;

 }

#bild

{

 position:absolute;

 left:0px; top:0px; width:100%;

 z-index:1;

}

#text

{

 position:relative;

 left:0px; top:600px;

 z-index:2;

}

</style>

<html>

<head><title>Bleach Game</title></head>

<body>

<div id="bild" class="examplediv">

<img src="images/title.jpg" width="100%">

</div>

<div id="text" class="examplediv">

<form action="" method="post">

<input type="text" name="username"></td>

<input type="password" name="pw"></td>

<input type="submit" value="Login" name="abschicken">

</form></div>

Wenn ihr nicht verstanden habt, was ich meine, schauts euch hier an:

HIER

MfG Ryu

Baltasar · 12.12.2009, 09:16

1.) aussagekräftigte threadtitel verwenden

2.) das div #bild löschen und für das div #text das bild per background als hintergrund einstellen. warum so umständlich?

3.) verstehe ich aber immer noch nicht genau, was du mit dem verschobenen text meinst?

Ryuuzaki93 · 12.12.2009, 10:17

Also, der aktuelle Quellcod sieht so aus:

PHP-Code:

 
<style type="text/css">

 .examplediv

 {

  border-style:solid #000000 0px;

 }

#bild

{

 position:center;

 top:0px;

 z-index:1;

}

#text

{

 position:absolute;

 left:0px; top:400px;

 z-index:2;

}

</style>

<script type="text/javascript">

function setCookie(Name,Value,Duration){

  now = new Date();

  expiration = new Date(now.getTime()+Duration*86400000);

  document.cookie=Name+"="+Value+";expires="+expiration.toGMTString()+";";

}

 
function readCookie(Name){

  var searchname = Name + "=";

  var cookies = document.cookie.split(';');

  for(var i=0;i< cookies.length;i++){

   var singelcookie = cookies[i];

   while (singelcookie.charAt(0)==' ') singelcookie = singelcookie.substring(1,singelcookie.length);

     if(singelcookie.indexOf(searchname) == 0)

      return singelcookie.substring(searchname.length,singelcookie.length);

  }

  return null;

}

 
if(document.cookie){

    if(readCookie("width") == null || readCookie("height") == null){

        setCookie("width",window.innerWidth,1);

        setCookie("height",window.innerHeight,1);

        location.reload();

    }

}else{

    setCookie("width",window.innerWidth,1);

    setCookie("height",window.innerHeight,1);

    location.reload();

}

</script>

<html>

<head><title>Bleach Game</title></head>

<body background="images/bg.jpg">

<div id="bild" class="examplediv">

<?php

  $height = $_COOKIE['height'];

echo "<center><img src=\"images/title.jpg\" height=\"$height\"></center>";

?>

</div>

<div id="text" class="examplediv">

<form action="" method="post">

<input type="text" name="username"></td>

<input type="password" name="pw"></td>

<input type="submit" value="Login" name="abschicken">

</form></div>

Das Problem dabei ist, das ein bisschen Leerraum nach oben entsteht. Es ghet mir darum, das die Login Felder immer in den Kasten da unten stehen, egal welche Auflösung man hat.

Baltasar · 12.12.2009, 13:35

position:fixed ist das, was du suchst.

Ryuuzaki93 · 12.12.2009, 14:08

Danke, das funktioniert, aber der rand oben ist immer noch, den hab ich nicht weg bekommen.

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
($_SERVER['QUERY_STRING'] Datei wird komisch angezeigt	DKuhn	PHP Tipps 2009	3	09.10.2009 14:54
[Erledigt] Komisch mysql_fetch_array(): supplied argument is not a valid MySQL result	GigaToni	PHP Tipps 2009	5	26.07.2009 03:36
SQL Auslesung in Listbox	Beatbox	PHP Tipps 2005	5	24.01.2009 16:29
Session-Timeout erhöhen	Metalphreek	PHP Tipps 2008	15	29.08.2008 11:57
strtotime() ... Komisch?!	CHRIS	PHP Tipps 2006	2	28.10.2006 19:36
[Erledigt] schon komisch hier		Off-Topic Diskussionen	2	19.07.2006 21:39
Keine / keine konsistenten Fehlermeldungen... komisch		PHP Tipps 2007	6	28.12.2005 14:39
Hp nur mit Text eingabe erstellen	webmaster_andre	PHP Tipps 2005-2	46	15.09.2005 16:12
mit komma ok ohne komisch		PHP Tipps 2005-2	4	12.08.2005 10:12
button uebergibt Variable im IE komisch		HTML, Usability und Barrierefreiheit	15	08.08.2005 14:45
Sehr Komisch <-> Nach 2 Aufruf geht es		PHP Tipps 2005-2	6	19.06.2005 14:34
Sehr Komisch: Problem mit $_GET. (kein Register_Globals...)		PHP Tipps 2005	12	16.05.2005 17:37
komisch problem mit tabelle oder datenbank nix verstehen :)		Datenbanken	2	14.03.2005 12:32
komisch..	2wuck	PHP-Fortgeschrittene	35	20.02.2005 18:17
windows xp		Server, Hosting und Workstations	9	04.07.2004 19:11

12.12.2009, 08:47
Ryuuzaki93 Erfahrener Benutzer Registriert seit: 11.12.2009 Beiträge: 117 PHP-Kenntnisse: Fortgeschritten	Irgendwie sieht das komisch aus... Hi, also ich hab ein kleines Problem mit meineer Seite. Ich habe auf ihr ein Buld angezeigt und auf dem Bild will ich ein Ein bisschen Text haben. Den Teil hab ich schon hingekriegt, allerdings sollte der Text immer auf ein und der selben Stelle im Bild sein, was ich nicht hinbekomme (Er soll ja auf verscheidenen Bildschirmauflösungen auf der selben Stelle sein.) Hier ist das Skript: PHP-Code: <style type="text/css"> .examplediv { border-style:solid #000000 1px; } #bild { position:absolute; left:0px; top:0px; width:100%; z-index:1; } #text { position:relative; left:0px; top:600px; z-index:2; } </style> <html> <head><title>Bleach Game</title></head> <body> <div id="bild" class="examplediv"> <img src="images/title.jpg" width="100%"> </div> <div id="text" class="examplediv"> <form action="" method="post"> <input type="text" name="username"></td> <input type="password" name="pw"></td> <input type="submit" value="Login" name="abschicken"> </form></div> Wenn ihr nicht verstanden habt, was ich meine, schauts euch hier an: HIER MfG Ryu


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

12.12.2009, 09:16
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	1.) aussagekräftigte threadtitel verwenden 2.) das div #bild löschen und für das div #text das bild per background als hintergrund einstellen. warum so umständlich? 3.) verstehe ich aber immer noch nicht genau, was du mit dem verschobenen text meinst?

12.12.2009, 10:17
Ryuuzaki93 Erfahrener Benutzer Registriert seit: 11.12.2009 Beiträge: 117 PHP-Kenntnisse: Fortgeschritten	Also, der aktuelle Quellcod sieht so aus: PHP-Code: <style type="text/css"> .examplediv { border-style:solid #000000 0px; } #bild { position:center; top:0px; z-index:1; } #text { position:absolute; left:0px; top:400px; z-index:2; } </style> <script type="text/javascript"> function setCookie(Name,Value,Duration){ now = new Date(); expiration = new Date(now.getTime()+Duration*86400000); document.cookie=Name+"="+Value+";expires="+expiration.toGMTString()+";"; } function readCookie(Name){ var searchname = Name + "="; var cookies = document.cookie.split(';'); for(var i=0;i< cookies.length;i++){ var singelcookie = cookies[i]; while (singelcookie.charAt(0)==' ') singelcookie = singelcookie.substring(1,singelcookie.length); if(singelcookie.indexOf(searchname) == 0) return singelcookie.substring(searchname.length,singelcookie.length); } return null; } if(document.cookie){ if(readCookie("width") == null \|\| readCookie("height") == null){ setCookie("width",window.innerWidth,1); setCookie("height",window.innerHeight,1); location.reload(); } }else{ setCookie("width",window.innerWidth,1); setCookie("height",window.innerHeight,1); location.reload(); } </script> <html> <head><title>Bleach Game</title></head> <body background="images/bg.jpg"> <div id="bild" class="examplediv"> <?php $height = $_COOKIE['height']; echo "<center><img src=\"images/title.jpg\" height=\"$height\"></center>"; ?> </div> <div id="text" class="examplediv"> <form action="" method="post"> <input type="text" name="username"></td> <input type="password" name="pw"></td> <input type="submit" value="Login" name="abschicken"> </form></div> Das Problem dabei ist, das ein bisschen Leerraum nach oben entsteht. Es ghet mir darum, das die Login Felder immer in den Kasten da unten stehen, egal welche Auflösung man hat.

12.12.2009, 13:35
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	position:fixed ist das, was du suchst.

12.12.2009, 14:08
Ryuuzaki93 Erfahrener Benutzer Registriert seit: 11.12.2009 Beiträge: 117 PHP-Kenntnisse: Fortgeschritten	Danke, das funktioniert, aber der rand oben ist immer noch, den hab ich nicht weg bekommen.