Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 22.04.2016, 15:24   #1
richard.hendricks
 
Регистрация: 16.02.2016
Сообщений: 6
По умолчанию Не отображается весь список

Не показывается весь список, только последний пункт. Что исправить ?
Код HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Основы логики</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body> 
<div class='container'> 
<div class='header'> 
Основы логики
</div>
<div class='main'>
<ul class='spisok'>
<li> <a>Логика <br>
  Наука о формах и способах мышления. Основными формами мышления являются понятие, суждение, умозаключение </a> </li>
<li class='li1'><a> Понятие <br> 
Форма мышления, фиксирующая основные, существенные признаки объекта </a></li>
<li><a> Высказывание <br>
Форма мышления, в которой что-либо утверждается или отрицается о реальных предметах</a></li>
<li><a> Умозаключение <br>
Форма мышления, с помощью которой  из одного или нескольких суждений может быть получено новое суждение </a></li>
</ul>
<div class='image2'> </div>
</div>
<div class='functions'> Высказывание не может быть выражено
повелительным или вопросительным предложением, так как оценка их истинности
или ложности невозможна. Для образования сложных высказываний наиболее часто
используются логические операции, выражаемые с помощью логических
связок и, или и частицей не. Значение истинности ложных высказываний зависит
от истинности входящих в них простых высказываний и объединяющих их связок.
В математической логике не рассматривается конкретное содержание высказыванию,
важно только, истинно оно или ложно.</div><div class='functions2'> В основе лежат 3 основные функции, наиболее часто встречающиеся в ОГЭ по информатике : отрицание (инверсия) - "не"; - ; умножение (конъюкция) : "и";&;^;*; сложение (дизъюнкция) : "или"; +.</div>
<div class='variable'> Высказывание можно представить некоторой переменной величиной, значением которой может быть 0 или 1. Истина - 1. Ложь - 0. Простые высказывания назвали логическими переменными, а сложные высказывания - логическми функциями. Значения логической функции так же только 0 или 1. Для простоты записи высказыванию обозначаются латинскими буквами A, B и C </div>
</div>
</body>
</html>
Код:
body {
	height: 100%;
	background-image: -webkit-linear-gradient(45deg, #00A8C5, #FFFF7E);
	background-image: -o-linear-gradient(45deg, #00A8C5, #FFFF7E);
	background-image: -moz-linear-gradient(45deg, #00A8C5, #FFFF7E);
	background-image: linear-gradient(45deg, #00A8C5, #FFFF7E);
	background-image: -ms-linear-gradient(45deg, #00A8C5, #FFFF7E);
}
.container {
	height: 1200px;
}
.header {
	width: 60%;
	background-color: #E74C3C;
	height: 8%;
	margin-left: 18%;
	position: absolute;
	float: center;
	padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 40px;
	text-align: center;
}
.main {
	height: 600px;
	width: 1200px;
	opacity: 0.7;
	filter: alpha(Opacity=70);
	padding: 0;
	float: center;
	position: absolute;
}
.spisok li {
	margin: 5px;
	height: 8%;
	width: 20%;
	line-height: 200%;
	display: block;
	font-family: Georgia, 'Times New Roman', Times, serif;
	background-color: #E74C3C;
	font-size: 20px;
	text-indent: 1.5em;
	position: absolute;
	left: 17%;
	top: 20%;
	overflow: hidden;
	text-indent: 1.5em;
	transition: all .5s ease-in-out 0.5s;
	-webkit-transition: all .5s ease-in-out 0.5s;
	-moz-transition: all .5s ease-in-out 0.5s;
	-o-transition: all .5s ease-in-out 0.5s;
}
.spisok li:hover {
	width: 400px;
	height: 190px;
	text-indent: 1.5em;
	cursor: pointer;
}
.text1 {
	text-indent: 1.5em;
}
.functions {
	position: relative;
	width: 30%;
	height: 30%;
	text-indent: 1.5em;
	left: 49%;
	top: 10%;
	background-color: #E74C3C;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	text-align: center;
}
.variable {
	background-color: #E74C3C;
	position: relative;
	width: 25%;
	height: 25%;
	left: 17%;
	top: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	text-align: center;
}
.functions2 {
	position: relative;
	height: 13%;
	width: 30%;
	top: 13%;
	left: 49%;
	background-color: #E74C3C;
    font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	text-align: center;
}

Последний раз редактировалось Вадим Мошев; 22.04.2016 в 22:31.
richard.hendricks вне форума Ответить с цитированием
Старый 24.04.2016, 08:12   #2
NetSpace
Участник клуба
 
Аватар для NetSpace
 
Регистрация: 03.06.2009
Сообщений: 1,792
По умолчанию

а попробуй-ка шрифт уменьшить или высоту контейнера сделать не 1200, а побольше
Программирование - это единственный способ заставить компьютер делать то, что тебе хочется, а не то, что приходится.
NetSpace вне форума Ответить с цитированием
Старый 25.04.2016, 22:52   #3
Alex794
Пользователь
 
Регистрация: 25.04.2016
Сообщений: 11
По умолчанию

Сотрите весь стиль и всё должно показываться. Всё оформление делайте осознано.
Alex794 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Удалить весь список в С++ Otar4ik Помощь студентам 4 28.09.2014 21:46
DMX сигнал отображается не весь ProtonFox Общие вопросы Delphi 5 04.06.2014 07:41
создать список л3 из элементов входящих и в список л1 и в список л2 goosha_gio C++ Builder 1 27.06.2013 22:22
Создать односвязный список и вывести его на экран. Из этого списка создать новый список по указанному ниже правилу и новый список San111 Паскаль, Turbo Pascal, PascalABC.NET 1 15.05.2012 22:08
Сайт не отображается в IE и Opera. Отображается только в FireFox. Roman_K HTML и CSS 3 03.02.2011 22:32