Hey Leutz!
Bin gerade dabei ein Design an Ilch anzupassen. Soweit ist alles fertig und funktioniert einwandfrei. Nur leider scheitere ich momentan an einer LoginBox. Ich versuche schon die ganze Zeit eine horizontale Loginbox einzubauen. Das klappt auch wunderbar, nur leider kann ich die Buttons (Login, Regist und Passwort vergessen) überhaupt nicht positionieren. Habs schon mit diversen Div Tags und Div Klassen versucht nur leider klappt die ganze Sache nicht! Ich komm auch grad überhaupt nicht drauf wo der Fehler liegt. Jedesmal wenn ich die Buttons in der Klasse .Loginbuttons mit Padding positionieren möchte, rutschen die Eingabefelder für den Nicknamen und das Passwort automatisch mit nach unten. Sehts euch einfach mal auf meiner Testseite an! Ich hoff ihr könnt mir ein bisschen weiterhelfen?! Wäre zumindest cool, wenn mir jemand helfen könnte!
betroffene Homepage: externer Link
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Horizontale Loginbox Fehler!
| Geschlossen | ||
-
So. 20.02.2011
17:15 Uhr
#1
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
17:21 Uhr
#2
- Registriert seit
- 20.09.2008
- Beiträge
- 1.273
- Beitragswertungen
Hier entstehen die Internet-Seiten des Parallels Confixx Benutzers
Die Domain "www.testpage.robertseitz.eu" ist nicht verfügbar.
hast du vllt nvu/kompozer?
mach damit mal die
include/templates/user/login
oder so ähnlich... auf und kucks dir mal an
nvu/kompozer ist kostenlos -
So. 20.02.2011
17:25 Uhr
#3
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Hmmmm Seite müsste gehen! Bin ja grad selber drauf! testpage.robertseitz.eu/pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
17:33 Uhr
#4
- Registriert seit
- 20.09.2008
- Beiträge
- 1.273
- Beitragswertungen
ok ja jetz gehts
also bei mir stimmen die buttons so
habe firefox (nicht die beta)
also zuerst die felder mit
paswort dan name und dan die buttons alle nebeneinander -
So. 20.02.2011
17:34 Uhr
#5
- Registriert seit
- 17.02.2009
- Beiträge
- 753
- Beitragswertungen
code deiner include/templates/user/boxen_login.htm bitte posten.
sollen die buttons weiter in die mitte oder was willst du genau haben? -
So. 20.02.2011
17:37 Uhr
#6
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Die Buttons sollten horizontal gesehen weiter runter. Ich seh sie ca. 5px zu weit oben... Hier der Inhalt der boxen_login.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body> <table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="text-align: left;"> Hallo <b>{NAME}</b> | {NACHRICHTEN} | <a class="box" href="index.php?user-8">{_lang_profil}</a> | <a class="box" href="index.php?user-3">{_lang_logout}</a> | {ADMIN} </td> </tr> </tbody> </table> {EXPLODE} <table style="width: 100%; height:23px;"border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align:middle; text-align: left;"> <form method="post"><input name="name" size="13" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" type="text"> <input size="13" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" type="password"><input name="wdlink" value="{wdlink}" type="hidden"> <input name="user_login_sub" value="Login" type="image" src="include/designs/linq/Bilder/login.png" alt="Login" width="45px" height="23px" border="0"> <a href="index.php?user-regist"><img src="include/designs/linq/Bilder/regist.png" width="53px" height="23px" alt="jetzt Registrieren!" border="0"></a> <a href="index.php?user-remind"><img src="include/designs/linq/Bilder/pw.png" width="73px" height="23px" alt="Passwort vergessen?" border="0"></a> </form> </td> </tr> </tbody> </table> </body> </html>
Zuletzt modifiziert von Robert0506 am 20.02.2011 - 17:38:10pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
17:49 Uhr
#7
- Registriert seit
- 17.02.2009
- Beiträge
- 753
- Beitragswertungen
schon mit padding-top:5px; versucht? -
So. 20.02.2011
17:59 Uhr
#8
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Wenn ichs über style="padding-top:5px" versuche werden die Eingabefelder automatisch mit um 5px nach unten geschoben! Soweit war ich vorhin auch schon! :-)pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
18:03 Uhr
#9
- Registriert seit
- 17.02.2009
- Beiträge
- 753
- Beitragswertungen
hä das willst du doch oder wie? du meintest doch das die buttons zu weit oben sind ?!? -
So. 20.02.2011
18:09 Uhr
#10
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Ich möchte "nur" dass die Buttons nach unten verschoben werden sollen. Die Eingabefelder sollen auf der Position bleiben!pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
18:41 Uhr
#11
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
Off topic
Du hast nen Schatten glaub ich falsch gesetzt. Und zwar rechts über der matchbox. Der Schatten in den weissen Dreiecken ist verkehrt rum. Blöd zu erklären, kann grad kein screenshot machen weil ich mit em Handy on bin.
Zu deinem Problem.
Setz ein div um alle drei Buttons. Diesem div gibst du ne eigene classe und kannst dann mit Padding-Top die Buttons positionierenSpamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
So. 20.02.2011
19:03 Uhr
#12
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Off Topic back... Ich hab das Design nicht gemacht! Ich mach nur die Anpassung an Ilch! Aber danke für den Tipp, hab ja die PSD vorliegen! Werd ich gleich mal ändern! :-)pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
20:01 Uhr
#13
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Irgendwie steig ich da nicht dahinter! Vielleicht sitz ich auch heute schon zu lange vorm PC...?! ;-)pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch -
So. 20.02.2011
23:21 Uhr
#14
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
versuchs mal so :
in zeile 19 ist der paddingwert
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body> <table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="text-align: left;"> Hallo <b>{NAME}</b> | {NACHRICHTEN} | <a class="box" href="index.php?user-8">{_lang_profil}</a> | <a class="box" href="index.php?user-3">{_lang_logout}</a> | {ADMIN} </td> </tr> </tbody> </table> {EXPLODE} <table style="width: 100%; height:23px;"border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="vertical-align:middle; text-align: left;"> <form method="post"><input name="name" size="13" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" type="text"> <input size="13" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" type="password"><input name="wdlink" value="{wdlink}" type="hidden"> <div style="padding-top:2px"><input name="user_login_sub" value="Login" type="image" src="include/designs/linq/Bilder/login.png" alt="Login" width="45px" height="23px" border="0"> <a href="index.php?user-regist"><img src="include/designs/linq/Bilder/regist.png" width="53px" height="23px" alt="jetzt Registrieren!" border="0"></a> <a href="index.php?user-remind"><img src="include/designs/linq/Bilder/pw.png" width="73px" height="23px" alt="Passwort vergessen?" border="0"></a></div> </form> </td> </tr> </tbody> </table> </body> </html>Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Mo. 21.02.2011
08:29 Uhr
#15
- Registriert seit
- 24.05.2009
- Beiträge
- 204
- Beitragswertungen
Cool, thx für den Tipp! Hat zwar nicht gleich geklappt, weil ich noch ein margin: einfügen musste, aber für den Tipp bin ich dir echt dankbar! Nun ist die Anpassung komplett abgeschlossen!pixelphysics.de // Günstige Webdesigns und Anpassungen an Ilch
| Geschlossen | ||
 |
Zurück zu Fehlersuche und Probleme | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten