Die Webseite Detektei S.E.S mit Css Verbindung
Die Detektei S.E.S (Sicherheit, Ermittlungen und Sicherheitstechnik) erfreut sich seit 10 Jahren, eines großen Kundenstammes, dessen Vertrauen sie gewinnen konnten. Nicht von ungefähr wurde dieses Vertrauen erschaffen. Unermüdlicher Einsatz ist der kundentreue Lohn, für die Inhaberin Viktorija Korschock. Auch die Webseite www.ermittlungenallerart.de spricht für sich.
Ähnliche Portale sind z.B.:
Mittlerweile ermittelt die Detektei nicht nur national, sondern auch international. Unzählige Niederlassungen sind mittlerweile in Deutschland eröffnet worden.
Ermittlungen für private Kunden, so wie auch in der Wirtschaftsbranche sind die Spezialität. Dafür werden die Mitarbeiter speziell ausgebildet.
Auf der technischen Basis verfügt die Detektei über modernste Ermittlungssysteme.
Dieses Formular ist ohne Tabelle integriert, jedoch innerhalb des Formulars ist eine Tabelle
Hier ein Kontaktformular der Webseite
HTML Basis:
<form method=”POST” action=”weiteres/kontaktformular.html?submit_conv=1″>
<span class=”important contact-top”>Alle Felder mit einem <span class=”important”>*</span> sind Pflichtfelder</span><br />
<p>
<table>
<tr>
<td>Name<span class=”important”>*</span>:</td><td><input size=”31″ type=”text” name=”tx_e2mcontactform_pi1[contact]” value=”" /></td>
</tr>
<tr>
<td>Firma:</td><td><input size=”31″ type=”text” name=”tx_e2mcontactform_pi1[company]” value=”" /></td>
</tr>
<tr>
<td>Straße:</td>
<td><input size=”31″ type=”text” name=”tx_e2mcontactform_pi1[street]” value=”" /></td>
</tr>
<tr>
<td>PLZ/Ort:</td>
<td><input size=”7″ type=”text” class=” contactform-zip” name=”tx_e2mcontactform_pi1[zip]” value=”" />
<input size=”23″ type=”text” class=”contactform-city ” name=”tx_e2mcontactform_pi1[city]” value=”" /></td>
</tr>
<tr>
<td>Telefon<span class=”important”>*</span>:</td>
<td><input size=”31″ type=”text” name=”tx_e2mcontactform_pi1[phone]” value=”" /></td>
</tr>
<tr>
<td>E-Mail<span class=”important”>*</span>:</td>
<td><input size=”31″ type=”text” name=”tx_e2mcontactform_pi1[email]” value=”" /></td>
</tr>
<tr>
<td valign=”top”>Nachricht<span class=”important”>*</span>:</td>
<td colspan=”2″><textarea cols=”70″ rows=”9″ name=”tx_e2mcontactform_pi1[message]“></textarea></td>
</tr>
<tr>
<td> </td><td><input type=”submit” class=”submit” name=”tx_e2mcontactform_pi1[send]” value=”absenden” /></td>
</tr>
</table>
<input type=”hidden” name=”tx_e2mcontactform_pi1[sendMail]” value=”1″ />
</form>
CSS Definierung Kontaktformular:
.important {color:#660000;font-weight:bold;}
_________________________________________________________________________
Der Kontaktbutton mit den abwechselnden Farben:
Html Definition:
<div id=”RightColumn”>
<div id=”RightColumnKontakt”>
<ul id=”kontaktform”>
<li>
<div>
<a href=”weiteres/kontaktformular.html” rel=”nofollow”>Kontakt</a>
</div>
_________________________________________________________________________
Css Definition des Kontaktbuttons:
#RightColumnKontakt {
background-image: url(kontaktbuttonbg.jpg);
height: 60px;
padding-top: 3px;
}
#kontaktform {
text-align: center;
}
#kontaktform ul {
list-style:none;
color: #FFFFFF;
padding: 0;
}
#kontaktform li a {
background-image:url(kontaktbuttonbutton_anm.gif);
}
#kontaktform li a {
color:#FFFFFF;
display:block;
font-size:20px;
height:38px;
letter-spacing:2px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-20px;
padding:6px 0 0;
text-decoration:none;
}text-decoration: none;
background-repeat: no-repeat;
}
Verlinkungen mit Css Definition:
Html Definition:
<ul id=”nav”>
<li><a href=”presse.html” title=”Presse”>Presse</a></li>
<li><a href=”service.html” title=”Service”>Service</a></li>
<li><a href=”weiteres/impressum.html” title=”Impressum”>Impressum</a></li>
<li><a href=”begriffserklaerungen.html” title=”Begriffserklärungen”>Begriffserklärungen</a></li>
</ul>
Css Definition:
#nav ul
{
margin:0;list-style:none;
}
#nav li
{
margin:0 0 10px -37px; list-style:none; line-height: 1.5em;
}
#nav li a
{
text-decoration: none;
font-size: 12px;
color: #6E000B;
border-bottom-width: 1px;
border-color: #999999;
border-bottom-style: solid;
display: block;
text-indent: 20px;
}
#nav li a:hover
{text-decoration:none;
}
_____________________________________________________________________
Hier die gleiche Verlinkungen wie oben, hier werden die Verlinkungen nebeneinander angezeigt.
<div id=”topnav”>
<li>
<a onfocus”blurlink(this);” href=”sicherheitstechnik.html”>Sicherheitstechnik</a>
</li>
<li>
<a onfocus”blurlink(this);” href=”security.html”>Security</a>
</li>
</div>
Css Definition:
Die gleiche, wie oben. Die Schriftfarbe ist jedoch weiß (#ffffff)
Wie die einzelnen Klassen in einer Css Datei benannt werden ist egal, Hauptsache sie stimmen immer mit der Html Definierung zusammen.
Gatterzeichen “#” sind Individualformate mit Namen versehen.