Intro Bilder nebeneinander

andieder · 13.02.2011, 10:24

Hi leute!

Ich muss als Schulprojekt eine PHP Website bauen und brauch dabei eure Hilfe. Ich hab ein Intro wo ich auswähle ob ich den Gastzugang oder den Adminzugang wähle. Nun habe ich zwei Bilder, Gast und Adminzugang, welche nebeneinander als Buttons dargestellt werden sollen. Wie mache ich das am besten?

Im Anhang mein Intro.

<body>
<form action="home.php" method="post">
<input type="image" src="introlinks.png" width="350" height="250">
</form>
<form action="login.php" method="post">
<input type="image" src="introrechts.png" width="350" height="250">
</form>
</body>

LG, Andy

litterauspirna · 13.02.2011, 10:34

Hallo und willkommen im Forum.

Das ist schon mal keine PHP Problem und bitte packe den Code in Code Tags die dir der Editor zur Verfügung stellt.

Du willst also über diese zwei Buttons zu den Zugangsformularen für Admin oder Gast gelangen. Dann brauchst du kein Formular. Sondern schreibst die img Tags einfach in <a href="pfad_zum_adminzugang"><img src="my_image.jpg" /></a>.

Nutze CSS um das Layout zu formatieren.

Gruß Litter

Asipak · 13.02.2011, 10:38

[MOD: Thread verschoben]

andieder · 13.02.2011, 10:43

danke fürs Verschieben und für die Antwort. Ich hab jetzt die beiden Bilder mit Link und IMG Tags eingefügt und dazu ein hspace="0" eingefügt. Jetzt ist es zwar im Dreamweaver ohne den Abstand in der Mitte, im Browser jedoch nicht.

nikosch · 13.02.2011, 14:57

Wenn Du HTML verstehen willst, solltest Du auf Dreamweaver verzichten.

BlackScorp · 14.02.2011, 09:28

wieso so komplex?

PHP-Code:

  <body>

 
<div style="position:relative;margin:auto;width:700px">

<div style="float:left;width:350px;height:250px;">

<a href="home.php"><img src="introlinks.png" width="350" height="250"/></a>

</div>

<div style="float:right;width:350px;height:250px;">

<a href="login.php"><img src="introrechts.png" width="350" height="250"/></a>

</div>

<div style="clear:both"></div>

</div>

</body>

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] CSS: Elemente nebeneinander anordnen		HTML, Usability und Barrierefreiheit	21	29.08.2011 08:05
[Erledigt] 3 Bilder nebeneinander	pfump	HTML, Usability und Barrierefreiheit	6	08.05.2010 16:37
[Erledigt] Geänderte Bilder neu resizen	smilla	PHP Tipps 2010	3	06.03.2010 19:13
[Erledigt] Wie kann man Bilder sinnvoll verkleinern?	Squall	PHP Tipps 2009	7	17.06.2009 15:55
Bilder uploaden und anzeugen	raphaelf	PHP Tipps 2009	23	26.04.2009 21:34
Bilder ohne DB sicher speichern	Diet	PHP Tipps 2005	6	25.03.2009 00:07
Entscheidung für Bilder	maclaim1988	PHP Tipps 2009	2	07.02.2009 18:50
[Erledigt] Bilder weren ncht aktualisiert	pfump	PHP Tipps 2008	26	25.08.2008 19:09
[Erledigt] Galerie - Bilder nebeneinander Problem	noOx	PHP Tipps 2008	14	03.07.2008 23:48
Bilder löschen		PHP Tipps 2005-2	4	24.10.2005 11:37
Bilder aus einem unterverzeichis anzeigen.Hilfe		PHP Tipps 2005-2	3	12.09.2005 15:36
Mehrere Bilder Hochladen und bearbeiten		PHP Tipps 2005-2	7	23.07.2005 13:48
Bilder in Tabellen	nixdorf	HTML, Usability und Barrierefreiheit	36	09.05.2005 21:15
Bilder etc. Nebeneinander		HTML, Usability und Barrierefreiheit	8	13.02.2005 22:09
Bilder aus der Datenbank	Skazi	Datenbanken	2	09.02.2005 13:42

13.02.2011, 10:24
andieder Neuer Benutzer Registriert seit: 13.02.2011 Beiträge: 2 PHP-Kenntnisse: Anfänger	Intro Bilder nebeneinander Hi leute! Ich muss als Schulprojekt eine PHP Website bauen und brauch dabei eure Hilfe. Ich hab ein Intro wo ich auswähle ob ich den Gastzugang oder den Adminzugang wähle. Nun habe ich zwei Bilder, Gast und Adminzugang, welche nebeneinander als Buttons dargestellt werden sollen. Wie mache ich das am besten? Im Anhang mein Intro. <body> <form action="home.php" method="post"> <input type="image" src="introlinks.png" width="350" height="250"> </form> <form action="login.php" method="post"> <input type="image" src="introrechts.png" width="350" height="250"> </form> </body> LG, Andy


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

13.02.2011, 10:34
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	Hallo und willkommen im Forum. Das ist schon mal keine PHP Problem und bitte packe den Code in Code Tags die dir der Editor zur Verfügung stellt. Du willst also über diese zwei Buttons zu den Zugangsformularen für Admin oder Gast gelangen. Dann brauchst du kein Formular. Sondern schreibst die img Tags einfach in <a href="pfad_zum_adminzugang"><img src="my_image.jpg" /></a>. Nutze CSS um das Layout zu formatieren. Gruß Litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de

13.02.2011, 10:38
Asipak Moderator Registriert seit: 18.07.2005 Beiträge: 4.072	[MOD: Thread verschoben]

13.02.2011, 10:43
andieder Neuer Benutzer Registriert seit: 13.02.2011 Beiträge: 2 PHP-Kenntnisse: Anfänger	danke fürs Verschieben und für die Antwort. Ich hab jetzt die beiden Bilder mit Link und IMG Tags eingefügt und dazu ein hspace="0" eingefügt. Jetzt ist es zwar im Dreamweaver ohne den Abstand in der Mitte, im Browser jedoch nicht. Geändert von andieder (13.02.2011 um 10:56 Uhr).

13.02.2011, 14:57
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wenn Du HTML verstehen willst, solltest Du auf Dreamweaver verzichten. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.02.2011, 09:28
BlackScorp Erfahrener Benutzer Registriert seit: 25.09.2009 Beiträge: 2.114 PHP-Kenntnisse: Fortgeschritten	wieso so komplex? PHP-Code: `<body> <div style="position:relative;margin:auto;width:700px"> <div style="float:left;width:350px;height:250px;"> <a href="home.php"><img src="introlinks.png" width="350" height="250"/></a> </div> <div style="float:right;width:350px;height:250px;"> <a href="login.php"><img src="introrechts.png" width="350" height="250"/></a> </div> <div style="clear:both"></div> </div> </body>` __________________ Mein kleines Projekt -Cruel Online- 5 von 3 Leuten können kein Bruchrechnen