2015-05-15 6 views
-3

Когда я увеличиваю или уменьшаю свой элемент, я пытаюсь использовать каждый код, который я знаю, но он все тот же, поэтому я разместил свой код html и css, и я надеюсь, что вы можете мне помочь. У меня эта проблема с каждым элементом я ставлю в моей страницеcss и html высота и ширина?

<!DOCTYPE html> //html code 
<html> 
    <head>  // head tag 

    <title></title>      

    <link rel="stylesheet" type="text/css" href="untitled2.css" /> //css link 
    <meta http-equiv="content-type" content="text/html":charset-windows-1256"> 
    </head> 
    <body> 
    <div id="menu"> // div for menu 
<ul> 
<li>link</li> 
<li>link</li> 
<li>link</li>  // ul li 
<li>link</li> 
<li>link</li> 
</ul> 
</div> 

    </body> 
</html>  // closing html 



      // css 

body { 
    background-image: url('3.jpg'); 
    background-position: top center; 
    background-repeat: no-repeat; 
    background-size: 100% ; 
    width:100%; 
    height:100%; 
    min-width:600px;   //body attribute 
    max-width:2000px; 
    margin:0px; 
    padding:0px; 

} 


#menu{ 
margin-top: 380px; 
padding: 0px; 
background-color:#555258; //menu attribute 
width:2500px; 
} 
+2

Что вы подразумеваете под «элементом» и «перемещением»? –

+0

@ Josef Engelfrost, возможно, после того, как вы посмотрите на фотографии [link] (http://www.4shared.com/download/r7HaSxANce/1__1_.jpg?lgfp=1000), когда я на 100% масштабируюсь, а другой когда я увеличиваю масштабирование [link] (http://www.4shared.com/download/A6j1zENsce/2_online.jpg?lgfp=1000), вы можете увидеть, как он выходит из тела меню, и то же самое происходит, когда я рисую таблицу – nasyia

ответ

0

Почему вы настройки ширины и высоты до 100%, а также установка мин и максимальную ширину? Если вы пытаетесь убедиться, что он будет выглядеть правильно, независимо от устройства, используемого для просмотра вашего сайта, посмотрите на этот учебник. http://www.dwuser.com/education/content/responsive-design-a-crash-course-and-demo/

+0

Я пробовал, но это не работает. Я надеюсь, что у вас есть другое решение. Вот моя проблема, посмотрите на фотографии [link] (http://www.4shared.com/download/r7HaSxANce/1__1_.jpg?lgfp=1000), когда я на 100% масштабирование, а другой, когда я увеличиваю масштабирование [link] (http://www.4shared.com/download/A6j1zENsce/2_online.jpg?lgfp=1000), вы можете увидеть, как он выходит из меню тело и то же самое произошло, когда я проектировал таблицу – nasyia

+0

Вы пытаетесь создать раскрывающееся меню? Вы можете посмотреть на www.dynamicdrive.com для некоторых меню. Вы можете включить их в отзывчивый дизайн. – JadeSerys

+0

То, что я пытаюсь достичь, - это показать мой сайт на всех платформах. – nasyia

0

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

Я начну с чистого листа.

/* Styles go here */ 
 

 
.menu { 
 
    background-color: grey; 
 
    text-align: center; /* Center text */ 
 
} 
 

 
.menu li { 
 
    display: inline-block; /* Place the list items on inline (on the same row) */ 
 
}
<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body> 
 
    <ul class="menu"> 
 
     <li>One</li> 
 
     <li>Two</li> 
 
     <li>Three</li> 
 
    </ul> 
 
    </body> 
 

 
</html>

Это хороший старт?