Programmierer gesucht - Biete egold

.Dave' · 12/10/2013, 17:47

Hallo,
und zwar steh ich im Moment glaube auf dem Schlauch oder mir fehlt einfach irgendwas im Code.

Ich möchte im folgenden Bild den Box-Name und Box-Field mittig haben.

PHP Code:


			
    <div style="margin:0px auto;margin-top:20px; width:475px; height: 352px;">

    <div id="contact-box">

        <H2>Kontakt</H2>

            Über dieses Formular können Sie mich erreichen.

        <br />

        <br />

            <div id="contact-box-name" style="margin-top:20px;">Vorname:</div>

            <div id="contact-box-field" style="margin-top:20px;"><input name="q" class="form-login" title="Vorname" value="" size="30" maxlength="2048" /></div>

            <div id="contact-box-name">Nachname:</div>

            <div id="contact-box-field"><input name="q" class="form-login" title="Nachname" value="" size="30" maxlength="2048" /></div>

CSS-Code:

Code:

#contact-box {
	width:533px;
	height: 741px;
	padding: 58px 76px 0 76px;
	color: #ebebeb;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../img/contact-box-backg.png) no-repeat left top;
}

#contact-box img {
	border:none;
}

#contact-box h2 {
	margin:0;
	color: #ebebeb;
	font: bold 44px "Calibri", Arial;
}


#contact-box-name {
	float: left;
	display:inline;
	width:142px;
	text-align: right;
	padding: 14px 10px 0 0;
	margin:0 0 0 0;
}

#contact-box-field {
	float: left;
	display:inline;
	width:230px;
	margin:0;
	margin:0 0 7px 0;
}

Der, der den Fehler findet bekommt bis zu 10 egold, je nach dem ob es viel oder wenig zu ändern war.

play with fire · 12/10/2013, 17:53

PHP Code:


			
<div style="margin:0px auto;margin-top:20px; width:475px; height: 352px;">
    <div id="contact-box">
        <H2>Kontakt</H2>
            Über dieses Formular können Sie mich erreichen.
        <br />
        <br />
    <div align="center">
            <div id="contact-box-name" style="margin-top:20px;">Vorname:</div>
            <div id="contact-box-field" style="margin-top:20px;"><input name="q" class="form-login" title="Vorname" value="" size="30" maxlength="2048" /></div>
            <div id="contact-box-name">Nachname:</div>
            <div id="contact-box-field"><input name="q" class="form-login" title="Nachname" value="" size="30" maxlength="2048" /></div>
    </div>

sollte klappen

mhaendler · 12/10/2013, 17:54

Code:

div style="margin:0px auto;margin-top:20px; width:475px; height: 352px;">
    <div id="contact-box">
        <H2>Kontakt</H2>
            Über dieses Formular können Sie mich erreichen.
        <div class="center">
            <div id="contact-box-name" style="margin-top:20px;">Vorname:</div>
            <div id="contact-box-field" style="margin-top:20px;"><input name="q" class="form-login" title="Vorname" value="" size="30" maxlength="2048" /></div>
            <div id="contact-box-name">Nachname:</div>
            <div id="contact-box-field"><input name="q" class="form-login" title="Nachname" value="" size="30" maxlength="2048" /></div> 
            </div>

HTML CODE

CSS CODE
[CODE]
.center{
margin: 0 auto;
width: 300px;
[CODE]

Sollte funktionienren bitte den Code editieren, ich weiß die Größe gerade nicht bzw. habs nicht getestet, allerdings müsstest du dann nur die "width: 300px" auf die Breite aktualisieren die passt

Gruß

.Dave' · 12/10/2013, 18:13

Quote:

Originally Posted by clanstark

PHP Code:

<div style="margin:0px auto;margin-top:20px; width:475px; height: 352px;"> <div id="contact-box"> <H2>Kontakt</H2> Über dieses Formular können Sie mich erreichen. <br /> <br /> <div align="center"> <div id="contact-box-name" style="margin-top:20px;">Vorname:</div> <div id="contact-box-field" style="margin-top:20px;"><input name="q" class="form-login" title="Vorname" value="" size="30" maxlength="2048" /></div> <div id="contact-box-name">Nachname:</div> <div id="contact-box-field"><input name="q" class="form-login" title="Nachname" value="" size="30" maxlength="2048" /></div> </div>

sollte klappen

Nein.

Quote:
Originally Posted by dealaking
Code:
div style="margin:0px auto;margin-top:20px; width:475px; height: 352px;">
    <div id="contact-box">
        <H2>Kontakt</H2>
            Über dieses Formular können Sie mich erreichen.
        <div class="center">
            <div id="contact-box-name" style="margin-top:20px;">Vorname:</div>
            <div id="contact-box-field" style="margin-top:20px;"><input name="q" class="form-login" title="Vorname" value="" size="30" maxlength="2048" /></div>
            <div id="contact-box-name">Nachname:</div>
            <div id="contact-box-field"><input name="q" class="form-login" title="Nachname" value="" size="30" maxlength="2048" /></div> 
            </div>
HTML CODE

CSS CODE
[CODE]
.center{
margin: 0 auto;
width: 300px;
[CODE]

Sollte funktionienren bitte den Code editieren, ich weiß die Größe gerade nicht bzw. habs nicht getestet, allerdings müsstest du dann nur die "width: 300px" auf die Breite aktualisieren die passt

Gruß

Nein