Avatar billede 44nato44 Nybegynder
31. marts 2010 - 17:50 Der er 8 kommentarer

Min tabel flyver til venstre

Hej

Jeg kan sige at jeg ikke er god til javascript, saa dette kan meget let vaere rimelig nemt.

Jeg har nedenstaaende kode, hvor hvis man trykke paa 'Forgot your password?' saa bliver en tabel vist frem hvor man kan smide sin email ind.

Den virker i IE men Chrome eller FF virker det ikke. Hvad der sker er at seleve tabel som kommer frem, bliver koert ud til venstre og ikke bliver lige under forgot your password.

Haaber at der er en der kan hjaelpe.


Koden :


    <form action="send_pwd.asp" method="post" style="clear:both">
        <table id="login" cellspacing="0" cellpadding="6" border="1" align="Center" width="350">
            <tr><td colspan="2"><a href="" onclick="document.getElementById('forgot').style.display='block'; return false;"><font color="#000000"><b>Forgot your password?</b></font></a></td></tr>
        </table>
<!--        <center>  -->
        <table id="forgot" cellspacing="0" cellpadding="6" border="1" align="center" style="display:Visible;clear:both" >
            <tr align="center"><td width="120"><b>Email Address:</b></td><td><input name="user" type="text" /></td></tr>
            <tr align="center"><th colspan="2"><input type="submit" value="Send me my password" /></th></tr>
<% If Session("ErrMsg3")<>"" Then %><tr align="center"><td colspan="2" class="error"><%=Session("ErrMsg3")%></td></tr><% End If %>
        </table> <!-- </center> -->
    </form>
Avatar billede Slettet bruger
31. marts 2010 - 18:07 #1
Begge tabeller er fint centreret her (i både FF, Chrome og Opera)
Avatar billede Slettet bruger
31. marts 2010 - 18:08 #2
- men jeg kan jo ikke se om du har noget CSS som bøvler...
Avatar billede 44nato44 Nybegynder
31. marts 2010 - 18:13 #3
Det her er hele koden

<!--#include file="header.asp" -->
<h1>Welcome to TriActis Online Task Management Tool</h1>

<p>&nbsp;</p>
<p>Please log in to access this page:</p>
<form name="CredPage" action="LoginCheck.asp" method="post">
<table id="login" cellspacing="0" cellpadding="6" border="0" align="center">
<tr><th width="120">User ID:</th><td><input name="username" type="text" /></td></tr>
<tr><th>Password:</th><td><input name="password" type="password" /></td></tr>
<tr><td></td><td><input name="Submit" type="submit" value="Log In" style="background:none; background-image:url('img/ico_login.gif'); background-repeat:no-repeat; background-position:left; font-weight:bold; color:#333333; border:none; height:20px; cursor:pointer; width:90px" /></td></tr>
<%
Dim logf
logf = Request.QueryString("logf")

If (logf) Then %>
<tr><td colspan="2" class="error">Login failed: username and password combination is<br />incorrect. Please try again.</td></tr>
<% End If %>
</table>
</form>
    <form action="send_pwd.asp" method="post" style="clear:both">
        <table id="login" cellspacing="0" cellpadding="6" border="1" align="Center" width="350">
            <tr><td colspan="2"><a href="" onclick="document.getElementById('forgot').style.display='block'; return false;"><font color="#000000"><b>Forgot your password?</b></font></a></td></tr>
        </table>
        <center>
        <table id="forgot" cellspacing="0" cellpadding="6" border="1" align="center" style="display:none;clear:both" >
            <tr align="center"><td width="120"><b>Email Address:</b></td><td><input name="user" type="text" /></td></tr>
            <tr align="center"><th colspan="2"><input type="submit" value="Send me my password" /></th></tr>
<% If Session("ErrMsg3")<>"" Then %><tr align="center"><td colspan="2" class="error"><%=Session("ErrMsg3")%></td></tr><% End If %>
        </table></center>    </form>
<% If Session("ErrMsg3")<>"" Then
    Response.Write("<script>document.getElementById('forgot').style.display='Block';</script>")
End If
Session("ErrMsg3")="" %><!--#include file="footer.asp" -->
Avatar billede 44nato44 Nybegynder
31. marts 2010 - 18:15 #4
jeg ved ikke om du kan se noget ud fra det ?

Jeg er lidt paa bar bund.
Takker for hjaelpen
Avatar billede 44nato44 Nybegynder
31. marts 2010 - 18:23 #5
Det er kun i Chrome hvor det ikke virker ? :(

Lidt underligt
Avatar billede Slettet bruger
31. marts 2010 - 18:26 #6
Ikke noget CSS dér...
- Måske lettere at se koden i aktion (link?)

NB: Vil være væk fra PC'en et par timer (!!!)
Avatar billede 44nato44 Nybegynder
31. marts 2010 - 18:31 #7
Okay, jeg har fundet ud hvad det er :
Hvis jeg fjerner denne fra en included fil

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

saa virker det i Chrome men ikke I FF... hvad goer det ?
Avatar billede Slettet bruger
31. marts 2010 - 20:34 #8
"Transitional" tillader "fuzzy" html - kode som ikke helt lever op til standarderne, hvor browserne tolker hvad udvikleren MENTE - men ikke skrev helt korrekt.

Du skal dog ikke fjerne doctypen helt - så bliver det bare værre : )
- men i stedet erstatte den med en mere "rigid" doctype. Allerhelst:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Det vil give dig nogle problemer til at begynde med - ting som virkede helt fint før, virker pludselig ikke længere. Du kan f.eks. ikke centrere vertikalt inden i en blok (utroligt frustrerende). Men gevinsten er at din kode (når du (med blødende negle) endelig får det til at virke) med meget større sandsynlighed vil virke på samme måde i de ALLE forskellige browsere.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester