HTML Fragen

[Terrat]

Könnte mir jemand sagen wie ich es ganz nach oben rankriege?
Den ich habe bei den element nirgendswo Padding verwendet oder so ?
Old:

 Spoiler

Hallo,

ich code gerade eine Website nach dem Design was ich bekommen habe.
Leider bin ich noch nicht so gut und lerne immer noch css.

Meine Frage nun:
Ich habe im Div #Login Input ein hintergrundbild gegeben.
Alles gut und schön.
Nun möchte ich aber einer zweiten Inputbox im div #login ein andere Styles geben.

2:
Wie mache ich das es erst ab sagen wir mal 10 px in der checkbox die zeichen kommen da im bild vorher ein icon ist worauf man net schreiben soll.

[Chyukαsame]

Hast du den input als eigen difiniert in der css oder über eine klasse/id?

Und deine zweite Frage, über padding ^^

[paddelx3]

Originally Posted by Dreamsläps

Meine Frage nun:
Ich habe im Div #Login Input ein hintergrundbild gegeben.
Alles gut und schön.
Nun möchte ich aber einer zweiten Inputbox im div #login ein andere Styles geben.

Aufgrund deiner schlechten Ausdrucksweise hoff ich einfach mal das ich es richtig interpretiert habe.

Ich hab das so verstanden, dass es den Beispiel gleich kommen soll:

Da wir auch kein Code von dir bekommen denke ich das du Zwei Input Fielder hast sagen wir mal für den username und das passwort.

form.html:

<form id="login" action="" method="post">
	<input type="text" name="username">
	<input type="password" name="password">
	<input type="submit" value="abschicken" name="login_submit">
</form>

form.css

<style>
/* Allgemeinen Style für die Input Felder festlegen */
form#login input[type=text],
form#login input[type=password] 
{
	 color:#9fa4aa;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #303c4a;
	padding:5px;
	width:80px;
}
/* Nun kannste einfach die Hintergründe hinzufügen */
form#login input[type=text] 
{
	background:url('username_icon.png') 5px 5px no-repeat, #2c3239;
	padding-left:35px;
}
form#login input[type=password] 
{
	background:url('password_icon.png') 5px 5px no-repeat, #2c3239;
	padding-left:35px;
}
</style>

Originally Posted by Dreamsläps

Wie mache ich das es erst ab sagen wir mal 10 px in der checkbox die zeichen kommen da im bild vorher ein icon ist worauf man net schreiben soll.

(chyu's antwort hat dir die Antwort auf die Frage gegeben)
Man sollte sich wenigstens mal das Box Model angucken. Zumal das mehr in Webdev Section gehört (ganz unten im Forum) ^^



lg

[Chyukαsame]

Ich glaube das hat sich ja nu erledigt, mehr als so viel Support kann man kaum erwarten ^^

[Terrat]

Originally Posted by paddelx3

Aufgrund deiner schlechten Ausdrucksweise hoff ich einfach mal das ich es richtig interpretiert habe.

Ich hab das so verstanden, dass es den Beispiel gleich kommen soll:

Da wir auch kein Code von dir bekommen denke ich das du Zwei Input Fielder hast sagen wir mal für den username und das passwort.

form.html:

<form id="login" action="" method="post">
	<input type="text" name="username">
	<input type="password" name="password">
	<input type="submit" value="abschicken" name="login_submit">
</form>

form.css

<style>
/* Allgemeinen Style für die Input Felder festlegen */
form#login input[type=text],
form#login input[type=password] 
{
	 color:#9fa4aa;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #303c4a;
	padding:5px;
	width:80px;
}
/* Nun kannste einfach die Hintergründe hinzufügen */
form#login input[type=text] 
{
	background:url('username_icon.png') 5px 5px no-repeat, #2c3239;
	padding-left:35px;
}
form#login input[type=password] 
{
	background:url('password_icon.png') 5px 5px no-repeat, #2c3239;
	padding-left:35px;
}
</style>

(chyu's antwort hat dir die Antwort auf die Frage gegeben)
Man sollte sich wenigstens mal das Box Model angucken. Zumal das mehr in Webdev Section gehört (ganz unten im Forum) ^^



lg

Danke das hat mir schonmal viel geholfen
Habt beide schonmal ein Thanks

Ich habe die Navigator leiste wie im bild hier:

 Spoiler

Gesetzt aber ich möchte das sie ganz oben ist aber ich weis nicht warum er das nicht macht ?

#Edit Das sieht ja gleich 1000% besser aus mit deinem Code:

#Edit noch mal ein bissel am border gearbeitet

[Reavern]

#moved

[Terrat]

Könnte mir jemand sagen wie ich es ganz nach oben rankriege?
Den ich habe bei den element nirgendswo Padding verwendet oder so ?

[~ JWonderpig ~]

padding: 0;
margin: 0;

schon probiert?

[flogi333]

Viele Browser setzten automatisch beim body element ein padding...
Frag mich nicht, ich versteh das auch nicht.

Schreib einfach in deine css
html, body { padding: 0; margin: 0; }

Edit: bessere Version & ohne rechtschreibfehler

[Philoy]

setz mal am Anfang der CSS Datei folgendes ein.

*{ margin: 0; padding: 0; }

Wenn das nicht geht, gehst du in die Klasse oder ID von dem Image und setzt:

margin-top: -20px;

Am besten rumprobieren.

[BlackSwirl]

Hast du schon das versucht?

.deineImage { background: url(deinbild.jpg) center top;}