Jump to content


Kontaktscript 2.7 light einbinden: Design-Probleme und Lösungen


3 replies to this topic

#1 uhu

    Newbie

  • Mitglied
  • PIP
  • 7 Beiträge:

Geschrieben 29 November 2009 - 08:49

Standard-Anfänger-Irrtümer


Aufgabe:
Obwohl man absolut keine Ahnung von PHP hat, sich dennoch an das Einbinden des Kontaktskripts wagen.

Problem:
Scheinbar ist alles schief gelaufen, weil überall PHP-Code auf der Seite erscheint, wenn man sie von seinem PC im Browser aufruft.

Lösung:
Das ist gar kein Fehler, es fehlen nur noch zwei Schritte:
1. Datei von index.html in index.php umbenennen
2. PHP-Datei auf Webspace hochladen und übers Internet aufrufen
(Beim Hoster liegen die technischen Voraussetzungen, um PHP-Code zu verarbeiten und die Seite richtig anzuzeigen.)


Problem besteht weiterhin?
Ist jetzt immer noch PHP-Code zu sehen, muss vor allem anderen geprüft werden, ob in dem Tarif, den man bei seinem Hoster hat, überhaupt PHP-Unterstützung mit drin ist.

Dieser Beitrag wurde von uhu bearbeitet: 29 November 2009 - 09:24


#2 uhu

    Newbie

  • Mitglied
  • PIP
  • 7 Beiträge:

Geschrieben 29 November 2009 - 09:01

Aufgabe:
Einbinden in ein dreispaltiges Design aus HTML und CSS.
Das Formular soll in die mittlere Spalte eingesetzt werden.


Problem:
Das Nachrichten-Eingabe-Feld steht nach der Aktion kilometerweit unterhalb der anderen Eingabe-Felder und sprengt den unteren Rahmen der Spalte.

Lösung:
rausnehmen: clear:both;

Also, statt:

<div style="clear:both;text-align:center;">
<br><label for="nachricht">Ihre Nachricht:</label>
<br><textarea name='send[nachricht]' id="nachricht" rows='10' cols='40'><?php echo $snachricht ;?></textarea>
<br><input type='submit' value='Absenden'><p></p>

Ändern in:

<div style="text-align:center;">
<br><label for="nachricht">Ihre Nachricht:</label>
<br><textarea name='send[nachricht]' id="nachricht" rows='10' cols='40'><?php echo $snachricht ;?></textarea>
<br><input type='submit' value='Absenden'><p></p>

Dieser Beitrag wurde von uhu bearbeitet: 29 November 2009 - 09:22


#3 uhu

    Newbie

  • Mitglied
  • PIP
  • 7 Beiträge:

Geschrieben 29 November 2009 - 09:18

Aufgabe:
Die Namen der Eingabefelder oberhalb des Nachrichtenfeldes sollen durch längere Worte ausgetauscht werden.

Problem:
Die folgenden Elemente verschieben sich unansehnlich, weil der Platz zwischen Feldname und Feld dafür zu klein ist.

Lösung:
Abstand der Feldnamen zur linken Kante verringern und Abstand zwischen Feldname und Feld vergrößern.

Also, statt:

<div style="margin-left:105px;">
<div style="float:left;text-align:left;width:9.5em;line-height:25px;"><label for="mail">E-Mail Adresse:</label></div>
<div><input style="margin-top:5px;" name='send[mail]' type='text' id="mail" size='20' value="<?php echo $smail ; ?>">
</div>
</div>

Z.B. das:

<div style="margin-left:95px;">
<div style="float:left;text-align:left;width:10.5em;line-height:25px;"><label for="mail">Ihre Emailadresse:</label></div>
<div><input style="margin-top:5px;" name='send[mail]' type='text' id="mail" size='20' value="<?php echo $smail ; ?>"></div>
</div>

Dieser Beitrag wurde von uhu bearbeitet: 29 November 2009 - 09:20


#4 Moosa

    Administrator

  • Administrator
  • 198 Beiträge:
  • LocationHannover

Geschrieben 30 November 2009 - 12:31

Danke für deine sehr verständlichen Erklärungen. Gerade aus der Anfänger-Sicht zu schreiben fällt mir persönlich immer nicht so leicht, wenn man einen anderen Blickwinkel auf die Dinge hat.
Das hat ja schon fast FAQ-Charakter, ich überlege gerade ob man das vielleicht irgendwo sammeln sollte :rolleyes:
www.neandertaler.net -- Admin





1 Besucher lesen dieses Thema

0 members, 1 guests, 0 anonymous users