Помощник
|
Ошибка при создании CSS |
semarg
|
Сообщение
#1
|
||
|
|
||
|
|||
ShowPrint |
23.12.2015, 9:26;
Ответить: ShowPrint
Сообщение
#2
|
|
Тарасов Роман, а что конкретно искать? в чем косяк выражается? и в чем он проявляется?
В коде вне файла у color не стоит значение... #footer p { color:; font-size: 80%; margin: 0; text-align: center; }
|
|
|
semarg
|
Сообщение
#3
|
|
Проблема в том, что правый блок упорно находится под левым, а не рядом.
Сообщение отредактировал Тарасов Роман - 23.12.2015, 17:50 -------------------- |
|
|
ShowPrint |
23.12.2015, 19:26;
Ответить: ShowPrint
Сообщение
#4
|
|
правый блок упорно находится под левым, а не рядом Надо смотреть вёрстку в комплексе с css, по одним стилям не понять. Первое что нужно проверить - свойство display. Судя по скриншоту есть подозрение что блок новостей оформлен в виде <div> со свойством display:block; (по умолчанию), поэтому и занимает "всю ширину экрана" (контейнера).Хотя причина может быть и в ошибках разметки - проверьте валидность кода: это хороший инструмент для обнаружения ошибок вызванных пропущенными или незакрытыми тегами... |
|
|
TimurR |
23.12.2015, 23:40;
Ответить: TimurR
Сообщение
#5
|
|
Если будет ссылка на сайт, наверное смогу помочь.
Если нужно в ряд, можно при помощи float. И не забыть заюзать clearfix. |
|
|
semarg
|
Сообщение
#6
|
|
ShowPrint, к сожалению не нашел ничего толкового по поводу display:block. Где и как его применять. Только справочная информация.
проверил CSS на валидность. 40 #news h2 Ошибка значения : background url не является значением background-color : url 40 #news h2 Ошибка разбора ("../images/new_icon_18.png") no-repeat; 46 Ошибка разбора [: #f77800; margin: 5px 0 0; padding-left: 15px; } #news p] 93 #footer p Ошибка значения : color Ошибка разбора : вот код страницы HTML <DOCTYPE HTML> <html> <head> <title>о проекте</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <meta name="description" content=""/> <meta name="keywords" content=""/> <link type="text/css" rel="stylesheet" href="styles/main.css"/> </head> <body> <div id="container"> <div id="topmenu"> <table> <tr> <td> <a href="index.html">Главная</a> </td> <td> <a href="about.html">О проекте</a> </td> <td> <a href="contacts.html">контакты</a> </td> <td> <li class="sub"><a href="staty.html">статьи</a></li> <ul class="sub"> <li> <a href = "skiing.html">лыжи</a> </li> <li> <a href="skates.html">коньки</a> </li> </ul> </td> </tr> </table> </div> <div id="logo"> <img src="images/logo_08.png" alt="Лого"/> </div> <div id="content"> <div id="left" float="left"> <div id="news"> <h2>новости</h2> <div class="new"> <p class="date">03 ноября 2015</p> <p><b>Много работал.</b><br/>причем эффективно</p> </div> <div class="new"> <p class="date">02 ноября 2015</p> <p><b>Замечательный день</b><br/> просто отличный</p> </div> <div class="new"> <p class="date">01 ноября 2015</p> <p><b>неплохо провел день</b><br/>хорошая погода</p> </div> </div> <div align="right"> <div id="article"> <h1>о проекте</h1> <p>Проект создан блоггером <a href="">Романом Тарасовым.</a> Целей у него несколько.</p> <p>Основная это популяризация здорового образа жизни. Здесь предложены зимние варианты для занятий спортом. Если вы после посещения этого сайта решите <b>научиться кататься на лыжах</b>, то это будет просто замечательно.</p> <p>Другая цель это рассказ о возможностях зимнего отдыха. Как известно в нашей стране имеются длительные зимние каникулы. Которые по традиции проводятся в обильных застольях. На самом деле зимой можно прекрасно проводить время на свежем воздухе с пользой для здоровья.</p> <p>Напоследок автор надеется, что найдутся люди, которые поддержат его в развитии спортивного движения в нашей стране. Для них подробная информация имеется на странице <a href="contacts.html"> контакты.</a></p> </div> </div> </div> </div> <div class="clear"></div> </div> <div id="footer"> <p>все права защищены</p> </div> </body> </html> Буду рад любым подсказкам. Сообщение отредактировал Тарасов Роман - 24.12.2015, 3:28 -------------------- |
|
|
ShowPrint |
24.12.2015, 10:03;
Ответить: ShowPrint
Сообщение
#7
|
|
Тарасов Роман, ну так надо начинать исправлять ошибки, может проблемы и уйдут...
При "беглом" (не вникая) просмотре кода: 1. CSS, как уже писал:
Надо задать значение цвета... 2. doctype разве пишется без знака "!", вроде бы должно быть так:
Нэ? 3. Если верстка на html5, то вроде как (если ничего не путаю) нет необходимости закрытия НЕ парных тегов типа meta, link, img и т.д. в виде "/>", то есть можно (или нужно?) просто писать:
Ищите и исправляйте ошибки на которые указывает валидатор и смотрите на результат... По свободе посмотрю код вдумчиво, если не решите проблему сами, или TimurR сразу не увидит "где собака порылась"... |
|
|
semarg
|
Сообщение
#8
|
|
-------------------- |
|
|
ShowPrint |
25.12.2015, 22:00;
Ответить: ShowPrint
Сообщение
#9
|
|
Что за ошибка и как устранить? Атрибут align в последнее время не является рекомендуемым к использованию. Его положение на странице предпочтительно устанавливать через css, что собственно и написано.Чаще всего для этого используется margin, а для выравнивания по краю и обтеканию его другим содержимым - float. Ссылка на ооочень полезный ресурс... |
|
|
semarg
|
Сообщение
#10
|
|
ShowPrint,то есть его можно убрать?
-------------------- |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
6 | stu999 | 1553 | 21.3.2024, 20:45 автор: stu999 |
|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3338 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3296 | 19.12.2023, 18:55 автор: CULA |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2179 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30256 | 19.7.2022, 13:41 автор: Funoman |
Текстовая версия | Сейчас: 29.3.2024, 19:21 |