Quote:
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:
[Only registered and activated users can see links. Click Here To Register...]
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:
HTML Code:
<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
HTML Code:
<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>
[Only registered and activated users can see links. Click Here To Register...]
Quote:
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) ^^
[Only registered and activated users can see links. Click Here To Register...]
lg