2 Banner nebeneinander einfügen

[Nichtsnutz]

Hallo !
Ich hoffe hier bin ich richtig, bin mir da nicht so sicher, denn
ich will 2 Banner in eine .php Datei einfügen.
Diese sollen nebeneinander angeordnet werden!
Wenn meine Frage hier falsch ist bitte löschen oder verschieben !

Also prinzipiell klappt das mit den Banner auch, diese werden nebeneinander gezeigt, allerdings sind sie nicht auf gleicher Höhe, sondern unterschiedlich hoch zu sehen.
1. nimmt das viel Platz weg und
2. sieht das unprofessionell und stümperhaft aus !

Die Banner sollen direkt dem Begrüßungstext folgen ( Herzlich Willkommen...)
Hier nun ein Auszug aus meiner Index.php

wie gesagt: 2 Banner - beide sollen nebeneinander und auf gleicher Höhe sein !

Wäre super wenn mir einer die richtige Lösung zeigen kann !

define('TEXT_MAIN', 'Herzlich Willkommen
<tr>
<td> <div align="right">
<a href="http://homepage.de/ce/index.php?cPath=24&osCsid=367d03eedb6cd15d6becf1672ee4797a" target="_blank">
<img src="http://homepage.de/ce/wqw.jpg" alt="Sticker"
border="0"></a>
<div align="left">
<a href="http://homepage.de/ce/index.php?cPath=25" target="_blank">
<img src="http://homepage.de/ce/wqw1.jpg" alt="Buttons"
border="0"></a>
</td>
</tr>');

Gruß

 

[Efchen]

Moin,

Deine Frage ist eine Darstellungsfrage und hat daher nichts mit HTML zu tun, denn HTML ist in keiner Hinsicht für das Aussehen einer Website zuständig.
Mit PHP hat es auch nichts zu tun, denn PHP generiert nur eine Seite, zeigt sie aber nicht an. Das tut der Browser, der wiederum hat keine Ahnung von PHP.

Darstellung ist immer CSS.

Wenn Du zwei Block-Elemente nebeneinander haben willst (Inline-Elemente sind ja ohnehin immer nebeneinander, wenn genug Platz ist), dann kannst Du sie entweder dazu bringen, sich wie ein Inline-Element zu verhalten (mit der CSS-Eigenschaft "display") oder aber Du floatest sie (CSS-Eigenschaft "float").

Tabellen sind in jedem Fall der falsche Weg, denn hier liegen ja keine tabellarischen Daten vor. HTML ist ja nur zur logischen Strukturierung des Inhalts (= Semantik).

 

[Nichtsnutz]

2 Banner

Danke für die schnelle Antwort,

ist mir leider dann nicht ganz klar wie ich da vorzugehen habe,
du sprichts von float und display und meine tabellen sind quatsch.

Könntest du mir kurz sagen was ich dann wie ändern muß ?
Oder ist das zuviel Arbeit?

Gruß und Dank!

 

[Efchen]

Naja, zu den Tabellen: HTML ist eine Strukturbeschreibungssprache. Die Tags sagen, welche Bedeutung der Inhalt hat. <table> sagt: Jetzt kommen tabellarische Daten. <p> sagt: Jetzt kommt ein Textabsatz, <h1> sagt: Jetzt kommt eine Überschrift 1. Ordnung. usw. Dafür ist HTML da.

float und display sind CSS-Eigenschaften. Mach Dich also schlau, was CSS ist, wenn Du es nicht schon weißt und schau nach, was diese beiden Eigenschaften machen und mit welchen Werten man sie füttern kann.

Das sind Deine Hausaufgaben. Wenn Du damit nicht zurecht kommst (und damit meine ich das Anwenden des von Dir selbst recherchierten Wissens, dass Du recherchieren kannst, davon gehe ich aus), dann frag wieder nach!

Bis dann,
-Efchen

 

[Nichtsnutz]

2 Banner

Hallo!
1. bin ich bemüht und 2. stark motiviert,
nur weiß ich leider nicht genau wo ich anfangen soll zu lernen...
Will sagen: Wann HTML / PHP / CSS und wie ich mir das am besten beibringe....

Darf ich trotzdem noch eine Frage stellen zu o.g. Problem: ?
ich habs jetzt hinbekommen das beide Banner nebeneinander dargestellt werden ! Nur sinds jetzt keine Banner mehr, sondern nur noch Bilder !!!
d.h. wenn ich mit der Maus über die Banner rüberfahre wird zwar noch mein angegebener Text angezeigt, aber ich kann jetzt nicht mehr draufklicken, d.h. der eigentliche Effekt das man auf das Bild klicken soll und dann verlinkt wird ist nun weg...

Kannst mir dabei Hilfestellung geben ???

Hier die geänderte .php Datei :

define('TEXT_MAIN', 'Herzlich Willkommen in unserem Shop...TEXT FOLGT
<div style="float:left;
<a href="http://que.de/ce/index.php?cPath=1_26">
<img src="http://que.de/ce/wqw.jpg" alt="Wir machen Sticker nach deinen WÜnschen"
border="0"></a>
</div>
<div style="float:right;
<a href="http://que.de/ce/index.php?cPath=2_27">
<img src="http://que.de/ce/wqw1.jpg" alt="Wir machen Buttons nach deinen Wünschen"
border="0"></a>
</div>');

 

[Efchen]

nur weiß ich leider nicht genau wo ich anfangen soll zu lernen...

Bei HTML zur logischen Auszeichnung Deines Inhalts (= Semantik) und mit dem Verständnis, dass HTML nicht für das Aussehen da ist und nichts, was Du in HTML machst, für das Aussehen ist, und Du nichts in HTML aufgrund des gewünschten Aussehens tust, sondern nur zur logischen Inhaltsauszeichnung.

ich habs jetzt hinbekommen das beide Banner nebeneinander dargestellt werden ! Nur sinds jetzt keine Banner mehr, sondern nur noch Bilder !!!

Wenn Du das so schreibst, dann muss ich fragen: Was ist ein Banner?

Ah, hier ist der Fehler:
Du schreibst

<div style="float:left;

schließt aber das Attribut und das Tag nicht.

 

[Nichtsnutz]

2 Banner

<div style="float:right">



Danke für die Hilfe !