2013-09-11 3 views
0

у меня есть содержание и внутри содержимого я хочу поставить некоторые настройки учетной записи пользователя, так что они могут изменить свою информацию ..моих аккордеона вкладки происходят не так

вот мой код CSS

*{ 
    font-family:Verdana, Geneva, sans-serif} 
body{ 
    background-color:#33CC33; 
    font-size:0.7em;} 
p{ 
    font-size:1em; 
    margin:0 0 1em 0; 
    text-align:justify} 

dl{ 
    padding:10px; 
    min-width:960px;} 

dl dt{ 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px; 
    border:1px solid #ccc; 
    margin:0; 
    width:400px;} 

dl dt a{ 
    color:#000; 
    font-weight:bold; 
    text-decoration:none; 
    padding:10px; 
    display:block; 
    } 

dl dd{ 
    color:#ccc; 
    margin:0; 
    width:400px; 
    overflow:hidden; 
    -webkit-transition:height 1s ease; 
    -moz-transition:height 1s ease; 
    -o-transition:height 1s ease;} 

dl dd p{ 
    padding:10px; 
    margin:0;} 

dl dd:not(:target){ 
    height:0;} 

dl dd:target{ 
    height:900px;} 

dl a.ie:hover dd, dl a.ie:focus dd{ 
    height:auto; 
    color:#ccc !important;} 

HTML

<link rel="stylesheet" href="tab.css"> 
<dl> 
<dt><a href="#section1">Account Settings</a></dt> 
<dd id="section1"> 
     <table> 
     <form action="" method="post" name="register_form"> 

     <td><input type="text" name="email" placeholder="E-mail" size="50" /></td> 
     </tr> 

     <tr> 
     <td><input type="text" name="reemail" placeholder="Re-Enter Email" size="50" /></td> 
     </tr> 

     <tr> 
     <td><input type="password" name="password" placeholder="New Password" size="50" /></td> 
     </tr> 

     <tr> 
     <td> 
     <input type="text" name="fullname" placeholder="Full Name" size="50" /> 
     </td> 
     </tr> 

     <tr> 
     <td> 
     <input type="text" name="birthday" placeholder="Day Birth YYYY-MM-DD" size="29" /> 
      <select id="gender" name="gender"> 
       <option value="Male">Male</option> 
       <option value="Female">Female</option> 
       <option value="Others">Others</option>     
      </select> 
</dd> 

<dt><a href="#section2">Privacy Settings</a></dt> 
<dd id="section2"> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
</dd> 

<dt><a href="#section3">What Settings</a></dt> 
<dd id="section3"> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. 
</dd> 
</dl> 

и это моя скрипка http://jsfiddle.net/obink/kNs8d/

Что я вижу проблема, когда я нажимаю на section1 в первый раз, все будет в порядке, но когда я изменить к section2 странным вещам приходят ...

и OW я, я только взял CSS и HTML для него, я пытаюсь заставить его работать как jQuery или javascript («когда вы перейдете к разделу 1, раздел1 облегчит и другой раздел облегчит работу. В противном случае, когда вы идете в section2, другая часть облегчит, и section2 облегчит в ")

Я прошу о помощи :(пожалуйста ...

извините за мой английский.

+0

'tab.css' <--- Что это должно добавить? (Поскольку для включения в него должен быть правильный URL-адрес) – Luc

+0

И добавить какое-то значение, которое действительно не стоит ответа. После того, как он задумался на пару минут, я полагаю, что, когда вы выбираете содержащиеся разделы, он «не преобразовывает» его все, следовательно, оставляя вас на квадратной. (Но эй, я никогда не использовал переходы). – Luc

+0

Откройте скрипку, которую вы сделали, и посмотрите на панель HTML. Вы увидите, что первый красный. Это потому, что вы не открыли tr. Исправьте его, и он станет зеленым. Некоторые строки после этого, также красные. ... Ты закрываешь свой стол? Закрываете ли вы свою форму? – vals

ответ

0

ооо все в моей ошибки

я забыл закрыть форму и тег таблицы

</form> 
    </table> 

и некоторые из тегов и еще не закрыт

lol жаль беспокоить u

Смежные вопросы