Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 4
Seite [1]
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Thema - 14.02.2010 um 11:36 Uhr
Ich habe mir mal den Log In Bereich umgebaut,
sowohl navlogin_form als auch navlogin_view,
nur habe ich folgendes Problem:

Alle aktuellen Browser geben es korrekt wieder,
bis auf der IE8 nicht.
Dort wird mir der gesamte Bereich doppelt angezeigt.

Die Buttons sind nun da,
wo ich die roten Felder gemacht habe.
Dazwischen ist frei !



Hier meine Daten:

navlogin_form +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
1. / 2. / ... 
 <form method="post" action="{form:navlogin}">
<div id="loginpanel">
<fieldset style="border: 0">
<div><input type="text" name="nick" class="nick" value="{login:nick}" onfocus="if(this.value=='Nick') this.value=''" onblur="if(this.value=='')this.value='Nick'" maxlength="40" size="22" /></div>
<div><input type="password" name="password" class="passwort" value="{login:password}" onfocus="if(this.value=='Pass') this.value=''" onblur="if(this.value=='')this.value='Pass'" maxlength="40" size="22" /></div>
<div><input class="cookie" type="checkbox" name="cookie" value="" /></div>
<input type="hidden" name="uri" value="{link:uri}" />
<div><input class="button_login" type="submit" name="login" value="" /></div>
</fieldset>
</form>
<div><a class="button_reg" href="/index/users/register"></a></div>
<div><a class="button_reg" href="/index/users/sendpw"></a></div>
</div>


login.css +-
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
1. / 2. / ... 
 #loginpanel {
    min-height:         118px;
    width:                200px;
    overflow:           hidden;
    padding-left:       0px; padding-right:0px; padding-top:0px; padding-bottom:11px;
    margin-left:        0px; margin-right:1px; margin-top:1px; margin-bottom:0px;
    background-image:   url('Bilder/Login/login.jpg');
}
.nick {
    width:                179px;
    float:                left;
    padding-left:       5px; padding-right:0px; padding-top:5px; padding-bottom:5px;
    margin-left:        9px; margin-right:0px; margin-top:9px; margin-bottom:0px;
    background-color:   transparent; !important;
    border:transparent; !important;
    color:              #ffffff;
    font-size:          10px; 
    font-weight:        bold;
}
.passwort {
    width:                179px;
    float:                left;
    padding-left:       5px; padding-right:0px; padding-top:5px; padding-bottom:5px;
    margin-left:        9px; margin-right:0px; margin-top:6px; margin-bottom:10px;
    background-color:   transparent; !important;
    border:transparent; !important;
    color:              #ffffff;
    font-size:          10px; 
    font-weight:        bold;
} 
.button_reg {
    min-height:         24px;
    overflow:           hidden;
    display:            block;
    float:                left;
    width:                100px;
    padding-left:       0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
    margin-left:        0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
}
.button_login {
    min-height:         24px;
    overflow:           hidden;
    display:            block;
    float:                right;
    background-color:   transparent; !important;
    width:                100px;
    padding-left:       0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
    margin-left:        0px; margin-right:0px; margin-top:0px; margin-bottom:0px;
}
.cookie{
    min-height:         24px;
    overflow:           hidden;
    float:                left;    
    background-color:   transparent; !important;
    padding-left:       0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
    margin-left:        10px; margin-right:70px; margin-top:1px; margin-bottom:0px;    
}


Habe das halt in der index so eingefasst:

<div class="head_box_control"></div>
<div align="left" class="inner_frame_right2">{users:navlogin}</div>


Und inner_frame_right_2 so definiert:

.inner_frame_right2 {
width: 201px;
float: right;
background-image: url('Bilder/box_i.jpg');
padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:0px;
margin-left: 0px; margin-right:8px; margin-top:0px; margin-bottom:0px;
}


Kann mir da wohl jemand helfen ?



------------------


www.iv-gaming.de | www.iv-artwork.de
Inaktiv
reVerB


Geekboy




Beiträge: 1237
 # Antwort: 1 - 14.02.2010 um 11:52 Uhr
Naja. Also vom Code her ist alles soweit korrekt. Allerdings heißt es auch nicht, das der Code des Login-Formulares unbedingt dafür verantwortlich ist. Ich würde als erstes mich mal um den Templatecode kümmern. Denn in der Validierung gibt es 54 Fehler. Wenn du die ausmerzt und dann diesen Fehler immer noch hast, dann liegt das Problem wo anders. Aber die Wahrscheinlichkeit ist hoch, das der Fehler danach weg ist. Wenn du hilfe brauchst, sag bescheid.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.d3m-clan.de%2F&charset=%28detect+automatically%29&d octype=Inline&group=0

Ansonsten mein Skype-Addi ist dj.reverb und mein ICQ 458478377

Kannst mich ja mal anhauen


Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 2 - 14.02.2010 um 11:55 Uhr
Die Fehler der validierung liegen:

1. Im Image-Slider von Palle!
2. In der Navigationsleiste

Diese Fehler haben aber nichts mit dem doppeltem Log In Bereich zu tun.


------------------


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
 # Antwort: 3 - 14.02.2010 um 12:00 Uhr
Wie schon gesagt, muss der Fehler nicht unbedingt im Login-Formular sein. Der Fehler kann schon vorher im Code auftreten. Das was den Fehler im Loginform sichtbar macht im IE8, ist die Fehlertolleranz des Browsers. Und wenn ich mir die Validierung so ansehe, gibt es dort ein Problem mit dem Login, da der Validator nicht 100%ig weiß, wo das ding anfängt. Das liegt wahrscheinlich daran, das irgendwo ein Tag nicht korrekt geschlossen wird. Alle Browser sehen drüber weg. Nur der IE 8 und vllt. der ein oder andere Nieschen Browser nicht.


Zuletzt editiert von reVerB am 14.02.2010 um 12:00 Uhr (1x Editiert)
Inaktiv
|
Tress13
Thread-Ersteller


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 4 - 14.02.2010 um 12:52 Uhr
Aber wenn ich aus der login.css folgendes entferne,
ist die grösse auch wieder gleich:

#loginpanel {
min-height: 118px;
width: 200px;
overflow: hidden;
padding-left: 0px; padding-right:0px; padding-top:0px; padding-bottom:11px;
margin-left: 0px; margin-right:1px; margin-top:1px; margin-bottom:0px;
background-image: url('Bilder/Login/login.jpg');
}


Edit1: Ich hab es !!!

Habe nun die navlogin_form so geschrieben:

<div id="loginpanel">
<form method="post" action="{form:navlogin}">
<fieldset style="border: 0px">
<div><input type="text" name="nick" class="nick" value="{login:nick}" onfocus="if(this.value=='Nick') this.value=''" onblur="if(this.value=='')this.value='Nick'" maxlength="40" size="22" /></div>
<div><input type="password" name="password" class="passwort" value="{login:password}" onfocus="if(this.value=='Pass') this.value=''" onblur="if(this.value=='')this.value='Pass'" maxlength="40" size="22" /></div>
<div><input class="cookie" type="checkbox" name="cookie" value="1" /></div>
<input type="hidden" name="uri" value="{link:uri}" />
<div><input class="button_login" type="submit" name="login" value="" /></div>
</fieldset>
</form>
<div><a class="button_reg" href="{url:users_register}"></a></div>
<div><a class="button_reg" href="{url:users_sendpw}"></a></div>
</div>


Also habe eigentlich nur

<div id="loginpanel">


an den Kopf gesetzt.
Danke Rever, hast mich in die richtige Richtung gelenkt !



------------------


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von HEM!Z-4 am 14.02.2010 um 13:16 Uhr (1x Editiert)
Inaktiv
|
Antworten: 4
Seite [1]


Sie müssen sich registrieren, um zu antworten.