html Помогите с неправильным отображением.

ErUnDAK · December 18, 2016

В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо!

<html>
<head>
<title>ИС-41521</title>
<style>
	<style type="text/css"> 
  h3 {display: inline;
    background: black; /* Цвет фона под заголовком */
    color: green; /* Цвет текста */
    padding: 2px; /* Поля вокруг текста */
	font-size: 12px;
	}
   #container {
    width: 500px; /* Ширина макета */
    margin: 0 auto; /* Выравниваем по центру */
    background: #FCE600; /* Цвет колонок */
   }
	   body {
    font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */
    margin: 0; /* Отступы на странице */
   }
 #sidebar { /* ПРаваЯ колонка */
    float: right; /* Обтекание справа */
    border: 0px solid #333; /* Параметры рамки вокруг */
    width: 40%; /* Ширина колонки */
    padding: 5px; /* Поля вокруг текста */
    margin: 10px 10px 20px 5px; /* Значения отступов */
	color: #ffffff;
   }
    h1 {
    font-size: 36px; /* Размер шрифта */
    margin: 0; /* Убираем отступы */
    color: #fc6; /* Цвет текста */
	}
	#header { /* Верхний блок */
    background: #0080c0; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
	position: relative;
	top: -10px;
   }
</style>
</head>
<body bgcolor="#001646">
<div id="header"><h1>ИС-41521</h1></div>
<div id="sidebar">
<p>В США первые колледжи возникли в XVII веке (по образцу английских) как высшие учебные заведения, готовившие священнослужителей и государственных служащих.
На основе наиболее крупных колледжей путём присоединения к ним медицинских, юридических, богословских школ (или факультетов) в первой половине XIX века были созданы первые университеты.
В настоящее время в США «колледж» и «университет» являются взаимозаменяемыми понятиями.
Оба термина означают высшее учебное заведение в котором можно получить диплом бакалавра или магистра, хотя обычно колледжи меньше по размеру[5].
В США также существуют двухгодичные колледжи, которые после обучения выдают степень кандидата в бакалавры (англ. Associate degree), сравнимую со средним профессиональным образованием в странах СНГ.</p>
Это:
<ul>
<p><li>общественные колледжи (англ. community college);</p>
<p><li>начальные колледжи (англ. junior college);</p>
<p><li>технические колледжи (англ. technical college);</p>
<p><li>городские колледжи (англ. city college).</p>
</ul>
</div>
<font face='Arial'>
<table border="0" width='570' align="left">
<tr>
<td><img src='new 1/Без имени-1.jpg' width=200px height=200px alt="*"></img></td>
<td>
<table border='5'>
<tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Главная</button></center></td></tr>
<tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Новости</button></center></td></tr>
<tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">О группе</button></center></td></tr>
<tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Здание</button></center></td></tr>
<tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Контакты</button></center></td></tr>
</table>
</td>
<td align="justify" bgcolor="#001646"><font color="#ffffff">Я устал...Но вроде бы и в силах. Для построения идеальной таблицы, я вырвал кусок кода и начал с ним химичить. В итоге я понял кое-какие фичи с таблицами и что с ними можно делать.</font></td>
</tr>
</table>
  <div><h3>Каплан Владислав(с), 2017</h3></div> <!-- вот здесь и ошибка как-раз! -->
</font>
</body>
</html>

alejandro13 · December 20, 2016

Это какой-то код из прошлого))

Не выкладывайте сюда такую простыню, есть же специальные сервисы для этого: https://jsfiddle.net/, http://codepen.io/pen/

flarian · December 22, 2016

alejandro13 - чё придираешься? человек учится.

ErUnDAK - поправь свою строку на вот это и всё у тебя получится:

<div style="position:absolute;z-index:1;bottom:10px;left:10px"><h3>Каплан Владислав(с), 2017</h3></div> <!-- вот здесь и ошибка как-раз! -->

А вообще alejandro13 прав, говоря про код из прошлого. Если хочешь реально делать хорошо напиши, я помогу наставлениями.

ErUnDAK · December 22, 2016

В 20.12.2016 в 18:55, alejandro13 сказал:

Это какой-то код из прошлого))

Не выкладывайте сюда такую простыню, есть же специальные сервисы для этого: https://jsfiddle.net/, http://codepen.io/pen/

Я учусь. Основы ещё пока что изучается, поэтому для вас это и простыня.

5 часов назад, flarian сказал:
alejandro13 - чё придираешься? человек учится.

ErUnDAK - поправь свою строку на вот это и всё у тебя получится:
<div style="position:absolute;z-index:1;bottom:10px;left:10px"><h3>Каплан Владислав(с), 2017</h3></div> 
А вообще alejandro13 прав, говоря про код из прошлого. Если хочешь реально делать хорошо напиши, я помогу наставлениями.

Буду иметь ввиду.

alejandro13 · December 23, 2016

19 часов назад, ErUnDAK сказал:

Я учусь. Основы ещё пока что изучается, поэтому для вас это и простыня.

Ну так я вам советую сразу отучиться писать инлайн-стили.

Простыня - я имею ввиду выкладывайте свой код на какой-нибудь сервис - там сразу виден результат, а большинство людей даже не попробует разобраться в том коде, который вы в сообщение добавляете.

Sign In

html Помогите с неправильным отображением.

Question

ErUnDAK

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

alejandro13

Link to comment

Share on other sites

flarian

Link to comment

Share on other sites

ErUnDAK

Link to comment

Share on other sites

alejandro13

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information