X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Ошибка при создании CSS
semarg
semarg
Topic Starter сообщение 23.12.2015, 4:18; Ответить: semarg
Сообщение #1


Здравствуйте! Где-то допустил косяк, не пойму где. Подскажите.


Прикрепленные файлы
Прикрепленный файл  main.css ( 1,44 килобайт ) Кол-во скачиваний: 107
 


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 23.12.2015, 9:26; Ответить: ShowPrint
Сообщение #2


Тарасов Роман, а что конкретно искать? в чем косяк выражается? и в чем он проявляется?

В коде вне файла у color не стоит значение...
(Тарасов Роман @ 23.12.2015, 06:18) *
  #footer p {   color:;   font-size: 80%;   margin: 0;   text-align: center;   }
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
semarg
semarg
Topic Starter сообщение 23.12.2015, 17:50; Ответить: semarg
Сообщение #3


Проблема в том, что правый блок упорно находится под левым, а не рядом.

Сообщение отредактировал Тарасов Роман - 23.12.2015, 17:50
Эскизы прикрепленных изображений
Прикрепленное изображение
 


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 23.12.2015, 19:26; Ответить: ShowPrint
Сообщение #4


(Тарасов Роман @ 23.12.2015, 19:50) *
правый блок упорно находится под левым, а не рядом
Надо смотреть вёрстку в комплексе с css, по одним стилям не понять. Первое что нужно проверить - свойство display. Судя по скриншоту есть подозрение что блок новостей оформлен в виде <div> со свойством display:block; (по умолчанию), поэтому и занимает "всю ширину экрана" (контейнера).
Хотя причина может быть и в ошибках разметки - проверьте валидность кода: это хороший инструмент для обнаружения ошибок вызванных пропущенными или незакрытыми тегами...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TimurR
TimurR
сообщение 23.12.2015, 23:40; Ответить: TimurR
Сообщение #5


Если будет ссылка на сайт, наверное смогу помочь. 
Если нужно в ряд, можно при помощи float. И не забыть заюзать clearfix. 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
semarg
semarg
Topic Starter сообщение 24.12.2015, 3:28; Ответить: 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
ShowPrint
сообщение 24.12.2015, 10:03; Ответить: ShowPrint
Сообщение #7


Тарасов Роман, ну так надо начинать исправлять ошибки, может проблемы и уйдут...

При "беглом" (не вникая) просмотре кода:
1. CSS, как уже писал:

#footer p {
color:;
font-size: 80%;
margin: 0;
text-align: center;
}

Надо задать значение цвета...

2. doctype разве пишется без знака "!", вроде бы должно быть так:

<!DOCTYPE HTML>

Нэ?

3. Если верстка на html5, то вроде как (если ничего не путаю) нет необходимости закрытия НЕ парных тегов типа meta, link, img и т.д. в виде "/>", то есть можно (или нужно?) просто писать:

<meta name="keywords" content="">

Ищите и исправляйте ошибки на которые указывает валидатор и смотрите на результат...
По свободе посмотрю код вдумчиво, если не решите проблему сами, или TimurR сразу не увидит "где собака порылась"...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
semarg
semarg
Topic Starter сообщение 25.12.2015, 21:51; Ответить: semarg
Сообщение #8




--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ShowPrint
ShowPrint
сообщение 25.12.2015, 22:00; Ответить: ShowPrint
Сообщение #9


(Тарасов Роман @ 25.12.2015, 23:51) *
Что за ошибка и как устранить?
Атрибут align в последнее время не является рекомендуемым к использованию. Его положение на странице предпочтительно устанавливать через css, что собственно и написано.
Чаще всего для этого используется margin, а для выравнивания по краю и обтеканию его другим содержимым - float.

Ссылка на ооочень полезный ресурс...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
semarg
semarg
Topic Starter сообщение 25.12.2015, 22:55; Ответить: semarg
Сообщение #10


ShowPrint,то есть его можно убрать? 


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 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


 



RSS Текстовая версия Сейчас: 29.3.2024, 19:21
Дизайн