CLK
-
Posts
17 -
Joined
-
Last visited
Recent Profile Visitors
878 profile views
CLK's Achievements
Explorer (1/14)
0
Reputation
-
2 блока div на одном уровне, отступ (padding) от границы у второго блока
CLK posted a question in HTML Coding
http://cssdeck.com/labs/xzjihv5y <!doctype html> <html> <head> <meta charset="utf-8" /> <title>PAGE</title> </head> <body> <div class="wrapper"> <div class="menu_sidebar">menu</div> <div class="content_sidebar">content</div> <div style="clear: both;"></div> </div> </body> </html> .menu_sidebar { float: left; width: 250px; } .menu_sidebar, .content_sidebar { padding: 30px; } .wrapper { height: 100%; width: 600px; margin: 0px auto; } body { height: 100vh; margin: 0px; padding: 0px; } div { border: 1px solid gray; margin: 0px; padding: 0px; } не так часто с версткой имею дело, как сделать правильно, хочу что-то типа меню слева, содержимое справа, я задаю padding сразу на оба блока: .menu_sidebar, .content_sidebar { padding: 30px; } "menu" нормально все, а вот "content" как видите от левой границе (border) не отталкивается, подскажите как правильно это сделать, да и вообще правильно ли я делаю эти "два блока div на одной строке (уровне)" или надо как по другому? PS не хотелось бы контенту (content_sidebar) прописывать точные размеры. как вариант можно когда задаю padding, взять content_sidebar отдельно и там 250px + 30px, отступ от левого края, но что-то мне этот вариант не нравится (почему то кажется что это не правильно, а можно как то по другому). -
спасибо
-
Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело приемлемо.
-
спасибо, посмотрим.
-
не, это же WP.
-
о если бы кто то подсказал на каком этапе (функцию, экшен или фильтр), но я так понимаю обращение к БД за данными страницы происходит уже после вывода части HTML разметки (включая head), так что.. PS мне самому очень не нравится вывод стилей в HTML, так же я тоже считаю что стили должны быть в отдельном файле но в данном случае к сожалению его (стили) надо выводить как в HTML разметку, желательно к конечно в блоке head. только не надо сувать wp_enqueue_style, оно подключает файл, а не выводит разметку.
-
ну мне не файл надо подключать, а вывести стили в HTML, да и эта функция подключает файл везде, а не на конкретной странице, мне надо только на одной странице.
-
мне надо разные стили исходя из случая на одной странице, там шорткод, но когда он вызывается уже поздно, та часть HTML в которой head уже выведена.
-
так это на подключение файла, а мне надо стили вставить в разметку, сами стили берутся из БД.
-
пробела заключается в том что это будет выполнятся в Wordpress, а там с этим напряжно, мне надо на определенной странице вывести и в зависимости от результат, такой еще вопрос, воспользовался валидатором, вот пример: <!doctype html><html><head><meta charset="utf-8" /><title>PAGE</title><style>.one { color: blue; }</style></head><body><div> <style scoped>.two { color: red; }</style> <div>hello</div> <style scoped>.three { color: green; }</style></div></body></html>во первых я сначала писал без атрибута scoped, мне написало что это ошибка, а что это за атрибут такой? в описании тега его нет. во вторых, тот style где color: red все нормально, а вот где color: green уже выдает ошибку, в чем может быть проблема? вот нарыл насчет scoped http://habrahabr.ru/sandbox/35820/ получается style что то типа противоречили друг другу тут.
-
Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?
-
Что? если по поводу старой, так она старая и тащит функционал еще с тех годов, под функционалом я подразумеваю то что под капотом, функции и т.д., допустим я тут нарвался на то, что экранированием значений дополнительно занималась еще какая функция и дополнительно это делала real_escape_string, в итоге я получал 2 пары кавычек. По поводу того что она дырявая, за счет старого функционала и кривых плагинов ее довольно часто взламывают. Днем с огнем? Я точно не знаю, но мне кажется что их не так просто установить как например темы для WP и Joomla.
-
Простая и удобная - Wordpress, недостатки: старая, дырявая. На порядок сложнее - Joomla, недостаток собственно то, что она сложнее, это деление на модули, плагины, компоненты, уйма настроек. Желательно знать РНР, что бы понимать что к чему. Ну и если ты владеешь РНР, на нормальном уровне, тогда MODx, недостаток - нет готовых шаблонов (т.к. не может быть в принципе). Хотя если бы владел не задавал бы этот вопрос
-
втом то все дело, как в РНР сделать я то знаю, я вот думаю может как то можно обойтись в таком случае средствами HTML / CSS, хотя зная специфику этих языков, как я уже писал - крайне сомневаюсь.
-
Здравствуйте! Вопрос может показаться странным и специфическим, просто я делаю одну вещь на РНР, которая должна будет принимать данные со стороны и на основе их делать меню, как-то так, по этому мне надо разобраться какие "типы" ссылок в меню бывают, что я подразумеваю под словом "типы", типы в моем случае разделяются исключительно только по заданному у них атрибуту class и стилям (которые через этот class и задаются), допустим есть меню из 3-х элементов: "Главная", "Контакты", "О сайте". Мы находимся на странице "О сайте": - простое меню, все ссылки имеют одинаковый стиль (один class), "О сайте" ни как не выделяется. - меню посложнее, тут уже ссылка "О сайте" выделена цветом и имеет другой class (который как раз меняет цвет) Выходит есть 2 типа ссылок простая (по умолчанию) и та, что ведет на страницу на которой я сейчас нахожусь (назовем ее активная), подскажите по опыту, бывают ли еще какие то типы? И еще такой вопрос, конечно сомневаюсь что подобное есть, но может в HTML, CSS есть какая-нибудь штука, по которой я могу идентифицировать ссылку на страницу, на которой я сейчас нахожусь? что бы не через РНР отслеживать и задавать отдельный класс активной ссылке, а в настройках стилей дного класса задавать параметры для "активной" и "не активной" ссылки.