HTML Coding

29,542 questions in this forum

1. Проблема

   Добрый вечер! Как сделать чтобы элемент #after шел после содержимого #inner элемента #block с фиксированной высотой? <style> #block { background: #fcc; height: 10px; } #inner { background: #ccf; height: 30px; width: 10px; } #after { background: #cfc; height: 10px; } </style> <div id="block"> <div id="inner"></div> </div> <div id="after"></div> Как есть и как должно быть: Модель образная, высота #inner в 30px взята случайно поэтому просто использовать margin-bottom: 20px нельзя. Порядок элементов тоже нельзя изменить.

   Asked by Webkit, March 28, 2012

   0 votes
   4 answers
2. Передача переменных между формами

   Есть 3 <form> в них 3 <select> (В каждой форме по одному)... Назовем их x1,x2,x3... В каждом <select> своя табличка данных... В каждой <form> есть кнопка выбрать элемент... по отдельности все три переменные устанавливаются (в них оказывается ID выбранного элемента от <select>...) Для работы 4-ой формы нужно знать, что выбрано во всех трех предыдущих... Как это делается по средством php? У меня при установке x2, x1 и x3 сбрасываются в 0... Вот пример одной формы: <? echo '<form action="?act=show" method="post">'; echo '<select multiple name="x1" size="11">'; $sql = 'select * from _x1'; $r=mysql_query($sql) or die; while ($d=…

   Asked by Renegade, March 28, 2012

   0 votes
   13 answers
3. Изменение стиля маркера.

   Добрый день! Как сделать так чтобы элемент #div_after шел после содержимого элемента #div с фиксированной высотой? <style> #div { background: #fcc; height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div> Как должно быть и как есть: Решение тут. Проблема подробнее: Пытаюсь контролировать стиль маркера не через картинку или свойство list-style, а через css свойства height, width, background, и т.п. Одна проблема: при переносе строки во вложенном в список элементе div (можно использовать другой, к примеру span), эти строки загораживают следующий элемент т.е…

   Asked by Webkit, March 28, 2012

   0 votes
   21 answers
4. Обтекание блока другими блоками

   Добрый день! Пожалуйста, помогите решить задачку средствами CSS, желательна максимальная совместимость (в т.ч. и с IE6). Есть фиксированный блок меню слева, справа от него распологаются блоки-таблички. Если сверстать просто в две колонки - меню слева, таблицы справа, при прокрутке страницы далеко вниз останется белая полоса под меню. Хочется, чтобы блоки-таблички аккуратно обтекали блок меню, как на рисунке выше. Есть ли элегантное решение этой проблемы без JS? если точно нет, то с минимальным JS..

   Asked by mSnus, March 28, 2012

   0 votes
   8 answers
5. Сладйер

   Здраствуйте! Нужно сверстать такой слайдер новостей: Это должен быть информер последних новостей для uCoz, при нажатии на ту стрелочку справа новость должна менятся на предпоследнюю. И все бы хорошо, но я не знаю как сделать такой слайдер, так как совсем незнаю JS. Может кто то что то подсказать?(

   Asked by FORT, March 28, 2012

   0 votes
   0 answers
6. Первый шаблон и первые проблемы..

   Добрый день! Первый раз верстаю шаблон, и уже успел столкнуться с проблемой. Хочу сверстать вот такой шаблон - СSS - @charset "utf-8"; /* CSS Document */ * { padding:0; margin:0;} body {background:#e7e7df url(Images/bg-body.jpg) left top no-repeat; } .main { width:960px; margin:0 auto;} .head{ height:40px;} .content-main{ background:#fffdfd; overflow:hidden; } .content{ width:730px; float:right; margin:15px 15px 15px 0; } .post-main{ background:#ffffff; margin:0; } .post-main h1{ font:24px Verdana, Geneva, sans-serif;color:;background:#4ebbff; padding:5px 20px 8px 15px; margin:0; } .post-main h1 a{ font: normal 24px Verdana, Geneva, sans…

   Asked by Dark_Semi, March 28, 2012

   0 votes
   2 answers
7. Разрывная линия через текст

   Задача, на примере фрагмента из макета от Softlink. Задача: На рисунке видим разрывную линию которая обрывается на тексте и после него продолжается. Текст выровнен по центру линии. Имеет ПРОЗРАЧНЫЙ фон, чтобы просвечивался фон родителя. Можно утрировать, линию делать как двухпиксельную разного цвета или сплошную. В общем интересуют разные варианты решения этой задачи коллективным разумом, но чувствую есть более правильное и элегантное про которое я не знаю). Приходилось сталкиваться с подобными задачами, но каждый раз они решались по разному, где-то через относительное позиционирование, где-то экстраразметкой, где-то псевдоэлементами. Мне вот любопытно как бы вы эту …

   Asked by Svatov, March 28, 2012

   0 votes
   13 answers
8. Выставить блоки по ширине

   Как выставить n'ое количество блоков таким образом, чтобы они растянулись по всей ширине красного блока, но между ними были отступы?

   Asked by chocolate_moles, March 28, 2012

   0 votes
   6 answers
9. Две coda slider

   День добрый. Кто пробовал объединить две coda slider? Только не друг после друга, в одна в другой? Например: jsfiddle.net/XtQEL/ Или может подскажите аналоги coda slider? Чтобы динамически менялись высоты у блоков.

   Asked by npofopr, March 28, 2012

   0 votes
   2 answers
10. К кнопке не применяются стили

    Почему-то в коде к кнопке button не подключаются стили: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Обработка HTML формы с помощью PHP</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> #div1{ position:absolute; top:30%; left:30%; background:#c0c0c0; width:400px; padding:10px; -moz-border-radius:10px; /* Радис скругления */ -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;} } button.knopka{ background:#0000ff; color:#ffffff; padding:10px; …

    Asked by nightgremlin, March 28, 2012

    0 votes
    4 answers
11. Перевёрнутый текст в IE6-7

    Сделал, для всех ,кроме этих инвалидов. Кто подскажет

    Asked by vladimircape, March 28, 2012

    0 votes
    1 answer
12. баннер в html

    Я вставила код баннера на 2 страницы. На одной страницы он показывается http://hjemmeside1234.no/gullgaranti/gullgaranti/banner.html, а на другой которой мне надо нет http://hjemmeside1234.no/gullgaranti/gullgaranti/index-banner.html ,хотя блок с черным фоном отображается. Помогите разобратся почему он исчез . Мне нужно его вставит v нижний левый блок. Код баннера я такой вставила <div class="b-flash"> <object width="292" height="146" > <param name="movie" value="banner.swf"> <embed src="http://hjemmeside1234.no/gullgaranti/gullgaranti/images/banner_gullgaranti.swf" width="294" height="148"> </embed> </object> </div>

    Asked by knopka3, March 28, 2012

    0 votes
    2 answers
13. Оптимальная ширина

    Подскажите оптимальную ширину сайта (фиксированная), если в расчет брать стандартный монитор с разрешением 1280px. Сколько там отнимать от этой ширины на полосу прокрутки, браузер и т.д.? Где-то 1000px получается? P.S. Только не нужно про резиновую верстку демагогию разводить

    Asked by Imperil, March 28, 2012

    0 votes
    1 answer
14. Почему маркеры не убираются?)

    html файл: <html> <head> <title>психоанализ </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> ницше </li> <li> фрейд </li> <li> юнг </li> <li> гросс </li> </ul> </body> </html> css файл (название - style.css) ul {list-style-type:none;}

    Asked by theskyineyes, March 27, 2012

    0 votes
    3 answers
15. Кроссбраузерный сайт

    Прошу совета у знающих людей! Сверстал сайтик (под фордпресс). Когда верстал смотрел на результат в хроме и мозилле. Используя хаки добился адекватности в IE8. Теперь проблема с IE7. Вроде бы и хаки должны работать, но не работают. При позиционировании футера (по центру(лево-право)) странным образом ползёт последний пункт горизонтального меню. Подскажите плиз где копать? В чём причина такого поведения кода? html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /…

    Asked by aov000, March 27, 2012

    0 votes
    3 answers
16. margin-top производит не тот еффект, который должен

    Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}

    Asked by fr1run, March 27, 2012

    0 votes
    2 answers
17. Хром и woff

    Доброго дня. Проблема в следующем - подключаю шрифт через font-face: @font-face { font-family: "freeset1"; src: url("freeset1.woff"); font-weight: normal; font-style: normal; } В Лисе, в девятом осле, даже на айфоне - все ок: А в Хроме - не ок: Как бороться? TTF не предлагать - косячит междустрочный интервал.

    Asked by Sevkov, March 27, 2012

    0 votes
    12 answers
18. Как правильно сверстать

    Вот такое вот меню: http://zalil.ru/32962144 Картинкой что ли только? Интересует именно наклон

    Asked by Imperil, March 27, 2012

    0 votes
    3 answers
19. Menu в WordPress через wp_nav_menu

    Здравствуйте, учусь делать сайт, сделал меню в WordPress с иcпользованием PHP, заказчик пристал, что нужно через wp_nav_menu, 3 день не могу добиться необходимого результата. Есть меню(рубрик и страниц), в нём пара пунктов имеют дочерние пункты. Вобщем, мне нужно получить такую структуру. Но сколько я не мучился, у меня получается так: не могу понять, как используя wp_nav_menu, заставить его выводить все пункты меню, последовательно. Он выводит все Родительские, а дочерние, как бы сверху налагает. Кто сталкивался или знает, подскажите, пожалуйста.

    Asked by TrueTrue, March 27, 2012

    0 votes
    19 answers
20. Оптекане текстом изображения при скролинге

    Здравствуйте, появилась такая идея: есть слой фиксированного размера, в него выводится текст (текста много, поэтому у слоя стоит overflow : Auto). суть задумки: реально ли в верхнем левом (к примеру) углу разместить изображение с фиксированной позицией, так чтобы при прокрутке текста, он обтекал картинку? Как то примерно так, главное чтоб картинка не съезжала и текст не шел поверх нее заранее спасибо!

    Asked by Avalon4eg, March 27, 2012

    0 votes
    2 answers
21. text-rendering и image-rendering

    Кто-нибудь использует эти свойства? Я знаю, что довольно специфичные (только FF), но мне показались любопытными. Только я так и не понял точно про что они и, почему-то в ФФ последнем я не вижу вообще разницы? Стоит ли вообще уделять им внимание? MDN htmlbook

    Asked by alexandr_v-vich, March 27, 2012

    0 votes
    3 answers
22. Нужна помощь с img

    В общем суть проблеммы такова: Вот путь к файлу: <img src="images/adverts/8/logo_889458.jpeg"/>, его браузеры не показывают, а когда этот же файл находится просто в папке <img src="images/logo_889458.jpeg"/>, то все нормально. Что делать? Заранее благодарен.

    Asked by Oklick, March 27, 2012

    0 votes
    4 answers
23. Не работает сайт

    Доброго времени суток. У меня возникла проблема при создании сайта: сайт открывается только на моём компьютере и ни у кого больше! Делал всё вроде бы правильно (или нет?): Зарегестрировал имя: http://7gnomov.16mb.com; Написал главную страницу; Поместил на ftp в соответствующую паку /public_html Может я что-то не так сделал? У кого-нибудь ещё он работает? http://7gnomov.16mb.com/default.php

    Asked by Alexandir, March 27, 2012

    0 votes
    6 answers
24. Как вставить изображение?

    Надеюсь, вопрос мой будет воспринят благосклонно. Поскольку версткой занимался давно, то CSS сейчас для меня темный лес. Для своего сайта я позаимствовал дизайн и подчистил его от всего, что мне не нужно. Дизайна минимум. Всё отлично, но возникло желание дополнить содержание фотографиями и вот тут мне не разобраться, поскольку CSS мною не познан. Подозреваю, что решение задачи лежит на поверхности и спецы разбирающиеся в версте сразу поймут, как решить её. Суть в следующем, есть mjutwo.com сайт с позаимствованным дизайном (дубль два). В позаимствованном CSS нет и намека на изображения. Вопрос в том, как вставить изображения на страницу между строк? В качестве примера э…

    Asked by markst, March 27, 2012

    0 votes
    1 answer
25. col, background и colspan

    Здравствуйте, друзья. Есть проблема с табличкой и элементами col. Вот тут лежит макет. Там табличка. Там есть элементы col, которые имеют определённый цвет фона. Нужны они для того, чтобы второй и третий столбцы имели один цвет, а третий, четвёртый и пятый — другой. Как видно из таблички, одним цветом подсвечен 1-й этаж, другим — второй. В строках где есть и обед и кофе-брейк всё хорошо. А где, например, регистрация, то там colspan="5" и выравнивание по центру. Но раскраска должна быть именно такой, что первые две колонки из 5 должны быть жёлтые, а 3, 4 и 5 — серыми. Подскажите, пожалуйста, как мне быть?

    Asked by Veseloff, March 27, 2012

    0 votes
    8 answers