Im login die Schrift ändern?

[Ossipower]

Hi.

Kann mir einer sagen wie ich die Position der Schrift in der inputbox (z.B. Ossiower) vom login ändern kann?

Ich habe ein Hintergrundbild eingesetzt und würde jetzt gerne die Schrift anpassen.
Ich benutze Joomla!



Gruß
Ossipower

 

[sokie]

AW: Im login die Schrift ändern?

mit css padding.

input{
padding: [oben]px [rechts]px [unten]px [links]px;
}

das

 

[redbug]

AW: Im login die Schrift ändern?

oder ich würde sagen mit .inputbox oder?

 

[Ossipower]

AW: Im login die Schrift ändern?

Hi.

mit input klappt es. aber ändere ich nicht damit alle inputs auf der seite?

das hintergrundbild habe ich in #modlgn_username eingefügt. kann dort aber input nicht ansprechen.

 

[sokie]

AW: Im login die Schrift ändern?

Hi.

mit input klappt es. aber ändere ich nicht damit alle inputs auf der seite?

das hintergrundbild habe ich in #modlgn_username eingefügt. kann dort aber input nicht ansprechen.

natürlich änderst du mit dem selektor 'input' alle inputfelder.
wenn dein feld <input id="modlgn_username"... heisst, kannst du es speziell per

#modlgn_username{
  background: /*deine hintergrundformatierungen*/;
  padding: /*deine paddingformatierungen*/;
}

formatieren.

 

[Ossipower]

AW: Im login die Schrift ändern?

hi.

also mein code für modlgn_username sieht so aus:

#modlgn_username {
    width: 104px;
    height: 24px;
    background: transparent url(../images/login/hintergrund_benutzername.png) 0 1px no-repeat;
    border: none;
}

#modlgn_username:hover {
    background: url(../images/login/hintergrund_benutzername.png) 0 -23px no-repeat;
}

wenn ich jetzt das padding benutze, verschiebt sich mein hintergrundbild.
das selbe ergebnis zeigt sich mit inputbox.

gibt es keinen befehl wo ich nur die schrift in der inputbox anwählen kann?

habe auch schon .inputbox th oder td probiert. hatte ich irgendwo schon mal gelesen. aber dies scheint auch nicht zu klappen. hatte keine auswirkung.

gruß
ossipower

 

[Ossipower]

AW: Im login die Schrift ändern?

so ein problem habe ich gelöst. die schrift konnte ich jetzt positionieren. jetzt habe ich aber ein weiteres problem. und zwar geht die schrift jetzt über das hintergrundbild hinaus.



wenn ich jetzt die weite ändere, schneide ich auch das hintergrundbild ab.

 

[redbug]

AW: Im login die Schrift ändern?

Denn pass die Grafik auf die jeweilige Größe an.

 

[Ossipower]

AW: Im login die Schrift ändern?

guten morgen, redbug.

wie meinst du das, grafik anpassen? über

background: transparent url(../images/login/hintergrund_benutzername.png) 0 0 no-repeat;

und für die nullen einen wert eingeben. das habe ich schon probiert. wenn ich 100% eingebe, dann stimmt die schrift nicht mehr und ich kann diese nicht mehr ausrichten.

 

[redbug]

AW: Im login die Schrift ändern?

Nein, die grafiken haben doch ne bestimmte Größe oder nicht?
Sonst ändere die breiten im Grfikprogramm so, damit der Text nachher komplett drinnensteht.

 

[Ossipower]

AW: Im login die Schrift ändern?

ok, hab ich gemacht. klappt auch soweit.

jetzt habe ich ein problem mit dem ie7. wenn ich in den feldern etwas eintippe und das wort länger wird als die angegebene breite, dann wird das hintergrundbild nach links weggeschoben.

im mozilla ist alles klar. wie es im ie6 aussieht, weiß ich nicht da ich diesen nicht habe. ich denke mal genauso wie im ie7.

habe auch schon eine ie7.css datei.

hier mal der link zur seite:

 

[sokie]

AW: Im login die Schrift ändern?

Hallo Ossipower.

zu #10
das verschieben des Layouts liegt daran, dass die Werte für die paddings setzt der Höhe und Breite der box zuaddiert werden (boxmodell).
natürlich musst du Deine inputbox auch in er 'width' beschränken, damit der inhalt bei längeren Eingaben nicht über die grafik hinausläuft. (und natürlich auch ein rechtes padding.)

edit: im IE6 wird natürlich die PNG transparenz nicht unterstützt.

 

[Ossipower]

AW: Im login die Schrift ändern?

so habe jetzt wieder einmal alles umgeworfen.

ich habe jetzt im php.code einfach ein div eingefügt wo die inputbox sich befindet.

PHP:

<div class="modlgn_username_hintergrund">
<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />
</div>

CSS:

/* ----- Bereich Login - Benutzername ------------------------------- */

.modlgn_username_hintergrund {
    width: 104px;
    height: 24px;
    float: left;
    margin: 0px 0px 0px 0px;
    background: transparent url(../images/login/hintergrund_benutzername.png) 0 0 no-repeat;
}

.modlgn_username_hintergrund:hover {
    background: transparent url(../images/login/hintergrund_benutzername_hover.png) 0 0 no-repeat;
}

#modlgn_username {
    width: 74px;
    height: 15px;
    float: left;
    margin: 3px 0px 0px 23px;
    padding: 1px 0px 1px 0px;
    background: transparent;
    border: none;
    color: #808080;
}

#modlgn_username:hover {
    color: #000;
}

klappt soweit wunderbar und habe jetzt auch kein problem mit dem ie7 mehr.

einen kleinen schönheitsfehler habe ich aber noch. wenn ich im ie7 auf login drücke, dann verschiebt sich das wort login. gibt es da eine lösung?

ein weiterer schönheitsfehler ist im mozilla. wenn ich auf den button login oder logout drücke bildet sich ein rand. kann man diesen irgendwie verhindern?.

und noch eine frage am rande. gibt es ein add-on für mozilla, dreamweaver cs4 oder ie7, wo ich den ie6 mit simulieren kann?


wie kann ich im ie6 es realisieren, das mein png transparent wird?

 

[redbug]

AW: Im login die Schrift ändern?

Es gibt aber den multible Internet Exprlorer. Damit kannst du alle IE Versionen nutzen.

 

[Ossipower]

AW: Im login die Schrift ändern?

danke. download ist schon aktiv.

 

[sokie]

AW: Im login die Schrift ändern?

hier ist ein Ansatz beschrieben:

 

[Ossipower]

AW: Im login die Schrift ändern?

so, endlich fertig.



ein dickes danke schön an sokie und redbug.

für den ie6 habe ich noch nichts gemacht, da Multiple-IE bei mir nicht läuft.
ich habe vista 64bit aufgespielt.

wenn jemand noch weiß, wie ich meine schönheitsfehler beseitigen kann, bitte posten.

gruß
ossipower