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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Бесплатная html/css-помощь, Бесплатно помогу решить мелкие проблемы по html/css верстке
MrWolf
MrWolf
Topic Starter сообщение 9.8.2011, 20:01; Ответить: MrWolf
Сообщение #1


Достаточно долгое время занимаюсь html/css версткой. Если есть вопросы по данной теме (как решить ту или иную проблему, валидность кода и т.д.), то можете задавать здесь, с удовольствием отвечу.
Хочу заметить, что бесплатно не верстаю, только предоставляю консультации cool.gif

Сообщение отредактировал MrWolf - 9.8.2011, 20:02


Поблагодарили: (2)
3
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
LoraDi
LoraDi
сообщение 9.8.2011, 21:20; Ответить: LoraDi
Сообщение #2


Остался один шаг до валидности кода, но не как не магу исправить проблему с соц.закладками - 8 ошибок

Подскажите что нужно поправить! Заранее спасибо!

Сообщение отредактировал LoraDi - 9.8.2011, 21:24


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MrWolf
MrWolf
Topic Starter сообщение 9.8.2011, 21:57; Ответить: MrWolf
Сообщение #3


LoraDi, две последние ошибки:
Line 200, Column 1192: required attribute "type" not specified
…><div style="clear:both;"></div><style>.cpr a{color:#d6d6d6; font-size:6px;}</…

Line 200, Column 1192: document type does not allow element "style" here
…><div style="clear:both;"></div><style>.cpr a{color:#d6d6d6; font-size:6px;}</…

Тег <style> используется только внутри тега <head> </head>

Насчет остальных. Точно не скажу, но на глаз видно, что просто используются недопустимые атрибуты типа data-url="", data-count="" и т.д.

Line 200, Column 710: element "g:plusone" undefined
….js"></script><g:plusone size="medium"></g:plusone></div><div style="width: 15…

<g:plusone size="medium"></g:plusone> тоже не допустимый тег. Вот одно из решений кто-то придумал
http://www.google.com.ua/#q=%3Cg:plusone%3...281&bih=912
4 сверху (гугл ответы), ссылку не могу вставить, форматирует знаки на смайлик! angry.gif

Сообщение отредактировал MrWolf - 9.8.2011, 22:02


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bobur
bobur
сообщение 9.8.2011, 22:02; Ответить: bobur
Сообщение #4


Вот смотрите на сайт http://sp0rt.org.ua - не поможете сделать вывод новости в 2колонки. + ещё надо поправить растояние между картинкой и текстом...


--------------------
Мастер по Datalife Engine на ТУТ. ICQ:359803651.

CверхБыстрые VPS/VDS по системе Все включено! 60% скидка. Купон:60OFFAVPS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MrWolf
MrWolf
Topic Starter сообщение 9.8.2011, 22:10; Ответить: MrWolf
Сообщение #5


(bobur @ 9.8.2011, 21:02) *
Вот смотрите на сайт http://sp0rt.org.ua - не поможете сделать вывод новости в 2колонки. + ещё надо поправить растояние между картинкой и текстом...

Работаете с классом .shortstory
Для разбивки в две колонки в css дописываете
.shortstory{float:left;display:inline;width:50%;}

Возможно еще отсутпы нужно будет добавить.

Для отступа текста от картинки
.shortstory img{margin:0 10px 0 0;}

Значения сами подберете (верх право низ лево). В полной новости так же для обрамляещего класса, по аналогии, примените отступ.

Сообщение отредактировал MrWolf - 9.8.2011, 22:23


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Andrey22
Andrey22
сообщение 10.8.2011, 5:00; Ответить: Andrey22
Сообщение #6


Прошу прощения, я уже задавал вопрос в топике
http://www.maultalk.com/topic96303.html и вроде люди мне отвечали, но туплю и не могу до конца разобраться.
Посмотрите, может поможете поподробнее объяснить как вставить ява скрипт на страницу Вордпресс.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bobur
bobur
сообщение 10.8.2011, 8:18; Ответить: bobur
Сообщение #7


Ну вроде что-то получилось. Дальше надо испарвить не поможете?
можно ли все картинки одинаковой размером выводить?


--------------------
Мастер по Datalife Engine на ТУТ. ICQ:359803651.

CверхБыстрые VPS/VDS по системе Все включено! 60% скидка. Купон:60OFFAVPS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
VRUB
VRUB
сообщение 10.8.2011, 8:27; Ответить: VRUB
Сообщение #8


Подскажите кросброузерный способ прижатия футера к низу
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
MrWolf
MrWolf
Topic Starter сообщение 10.8.2011, 8:55; Ответить: MrWolf
Сообщение #9


(bobur @ 10.8.2011, 7:18) *
можно ли все картинки одинаковой размером выводить?

Если Вы про превьюшки, то это лучше делать при загрузке изображения. Там можно выбрать размер до которого уменьшается.
Зачастую фиксируется или ширина или высота. С помощью css это делается так:
.shortstory img{width:100px;}

.shortstory img{height:100px;}

Или все вместе.

(bobur @ 10.8.2011, 7:18) *
Ну вроде что-то получилось. Дальше надо испарвить не поможете?

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

---------------------------------------------------------

(VRUB @ 10.8.2011, 7:27) *
Подскажите кросброузерный способ прижатия футера к низу


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Прижать футер</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
  <div class="content">
    Контент
    <div class="end_content"></div>
  </div>
  
  <div class="footer">Футер</div>
</body>
</html>


html, body{margin:0;padding:0;height:100%;font:18px Arial;}

.content{float:left;display:inline;width:100%;min-height:100%;background:#37a3cb;}
* html .content{height:100px;}
.end_content{width:100%;height:100px;}

.footer{float:left;display:inline;width:100%;height:100px;margin-top:-100px;position:relative;background:#a50000;}


Вариан полностью кроссбраузерный (IE6+, Opera, FF, Chrome, Safari и т.д.) и валидный (и html, и css). Вариант рабочий, только что написал (естественно, придумал его не я) и протестил. Скрин прилагаю.


Сообщение отредактировал MrWolf - 10.8.2011, 9:03
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bobur
bobur
сообщение 11.8.2011, 5:13; Ответить: bobur
Сообщение #10


всё вернул назад из за того что футер не отображается... не знаете почему? http://sp0rt.org.ua/


--------------------
Мастер по Datalife Engine на ТУТ. ICQ:359803651.

CверхБыстрые VPS/VDS по системе Все включено! 60% скидка. Купон:60OFFAVPS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется помощь по сайту на "ВордПресс"
Закрылся доступ в панель администратора
15 Tia2 2346 17.4.2024, 0:54
автор: diviner99
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSiteAnalyzer - бесплатная программа для аудита и анализа сайта
77 Chaser 74211 9.4.2024, 11:36
автор: Chaser
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСостояние после ампутации - нужна помощь
благотворительный топик
49 vitvirtual 5874 1.4.2024, 5:23
автор: vitvirtual
Горячая тема (нет новых ответов) Вёрстка HTML-писем
30 Vampler 29355 27.3.2024, 12:41
автор: Vampler
Открытая тема (нет новых ответов) требуется помощь с themasoftware (Темапостером)
0 Taylor 623 16.3.2024, 18:41
автор: Taylor


 



RSS Текстовая версия Сейчас: 19.4.2024, 11:54
Дизайн