Anfänger braucht Hilfe

willi · 11 August 2011

Hallo zusammen

Ich bin neu hier im Forum und möchte mich kurz vorstellen.
Mein Name ist Willi, bin 49 Jahre alt und komme aus einer kleinen Stadt in Oberbayern.

Mit HTML bzw. CSS usw. habe ich null Erfahrung und hoffe deshalb das Ihr mir helfen könnt.

Folgendes:
Ich bin gerade dabei eine Homepage für ein befreundetes Ehepaar zu erstellen die sich ein kleine
Frühstückspension aufbauen wollen.
Ich habe zwar schon eine andere Homepage (E3) erstellt aber noch nicht mit HTML usw. gearbeitet.
In diese Seite soll ich auch ein Onlinebuchungstool eingebaut werden.
Von der Herstellerfirma der Software habe ich vorab einen Codeschnipsel erhalten den ich einbauen soll.
Nur sind meine Kenntnisse in dieser Hinsicht sind gleich Null.

Wie bekomme ich z.B. einen Rahmen um das ganze damit es so aussieht wie auf dem angehängten Bild?
Den Code habe ich weiter unten reinkopiert.

Kann mir bitte jemand weiterhelfen.

Viele Grüße
Willi

<html>
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=iso‐8859‐1">
<link rel="stylesheet" type="text/css" href="calendar/jscalendar‐1.0/calendar‐win2k‐1.css">
<script type="text/javascript" src="calendar/jscalendar‐1.0/calendar.js"></script>
<script type="text/javascript" src="calendar/jscalendar‐1.0/lang/calendar‐de.js"></script>
<script type="text/javascript" src="calendar/jscalendar‐1.0/calendar‐setup.js"></script>
</head>
<body>
<form action="http://www.dirs21.de/DIRS21_Book/hotel‐zum‐test/default.aspx" name="frm_dirs"
id="frm_dirs" method="post"/>
Anreise <input type="text" name="anreise" id="anreise" value="" style="width:65px" /> 
<img id="cal_arr" src="icon_cal.gif"/><br />
Abreise
<input type="text" name="abreise" id="abreise" value="" style="width:65px" /> 
<img id="cal_dep" src="icon_cal.gif"/>
<script type="text/javascript">
Calendar.setup(
{
inputField : "anreise", // ID of the input field
ifFormat : "%d.%m.%y", // the date format
button : "cal_arr" // ID of the button
}
);
</script>
<script type="text/javascript">
Calendar.setup(
{
inputField : "abreise", // ID of the input field
ifFormat : "%d.%m.%y", // the date format
button : "cal_dep" // ID of the button
}
);
</script>
<script type="text/javascript">
function DoPostBack()
{
frm_dirs.action = frm_dirs.action + "?anreise=" + frm_dirs.anreise.value +
"&abreise=" + frm_dirs.abreise.value + "&" + frm_dirs.ztyp.value + "=" + frm_dirs.anzahl.value
frm_dirs.submit();
}
;
</script>
<br/><br/>
<select name="anzahl"><option selected value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
Bitte geben Sie hier Ihren Link
für das Online‐Buchungsmodul
ein.
Bitte legen Sie den Ordner „calender“ & die
Grafik „icon_cal.gif“ im Hauptverzeichnis Ihrer
Webseite ab oder ergänzen Sie den Pfad vor
den markierten Stelllen.
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select name="ztyp"><option value="EZ">Einzelzimmer</option>
<option selected value="DZ">Doppelzimmer</option>
<option value="MZ">Mehrbettzimmer</option>
<option value="AP">Appartement</option>
<option value="ST">Suite</option>
<option value="FW">Ferienwohnung</option>
</select>
<br/><br/>
<input type="button" id="buchen" value="Zimmer frei ?" onclick="javascript: DoPostBack();" />
<form />
</body>
</html>
Den Html Code in den großen roten Klammern müssen Sie jeweils in den Head‐ bzw. den
Bodyteil Ihrer Htmldatei einbauen.
Hier können Sie einstellen wieviele
Zimmerkontingente angefragt werden können.
Wenn Sie weniger Zimmerkontingente
abfragen wollen, dann löschen Sie jeweils mit
der höchsten Zahl beginnend die einzelnen
Zeilen bzw. fügen Sie eine weitere Zeile mit
fortlaufender Zahl hinzu.
Hier können Sie Ihre Zimmertypen
hinterlegen, verwenden Sie aber nur die
erlaubten Parameter! (siehe
Buchungsmodul‐Parameter.pdf) bzw.
entfernen Sie die nicht benötigten Zeilen.
Hier können Sie einen eigenen Text
definieren.

achtelpetit · 11 August 2011

Heißen Tipp, falls Du es hören willst: lass die Finger von Design-Änderungen, die nicht ausdrücklich vorgesehen sind. Der ganze Code sieht ziemlich professionell aus und es gibt da Wechselwirkungen, die nur zu durchschauen sind, wenn man richtig Ahnung hat.
Es kann Dir passieren, daß dir alles durcheinanderfliegt, wenn Du in der CSS-Datei nur eine Kleinigkeit änderst.

CPCoder · 11 August 2011

Kopier den nachfolgenden Code-Block in den HEAD-Bereich (zwischen <head> und </head>) deiner HTML-Datei:

Code:

<style type="text/css">
    form#frm_dirs {
        border: 4px solid #000000; /* Damit legst du einen 4 Pixel breiten schwarzen Rahmen fest. */
    }
</style>

Wenn du eine andere Rahmenfarbe möchtest, dann ersetzt einfach #000000 durch den entsprechenden Farbcode der dir vorschwebt.
Die HEX-Werte für Farben kannst du übrigens z.b. hier nachschauen, bzw. auswählen: ColorSchemer - Online Color Scheme Generator

Anfänger braucht Hilfe

willi

Neues Mitglied

Anhänge

achtelpetit

Neues Mitglied

CPCoder

Mitglied

Neueste Beiträge