HTML Coding

29542 questions in this forum

1. Посоветуйте как сделать сужающуюся строку поиска при уменьшении разрешения.

   Помогите сделать сужающуюся строку поиска. Как на ya.ru при уменьшении окна браузера. Когда окно будет меньше 1024 пикселей. @media screen and (max-width:1024px)Что тут написать ??? что только не пробовал , не могу добиться эффекта. Все уезжает , все разъезжается ))) У меня задание скопировать яндекс и чтобы при размере менее 1024 пикселей он приобретал вид ya.ru.

   Asked by Coder-vasya, June 28, 2017

   • сужающаяся строка поиска при уменьшении
   0 votes
   2 answers
2. несколько элементов дизайна в одном jpg

   Есть такой сайт www.macrabbit.com Понравились как сделаны блоки верхнее меню и основной блок, а если точнее как реализован background блоков, но не совсем понимаю как это сделанно, в одном jpg файле нарисованно сразу несколько элементов бекграунда, например http://www.macrabbit.com/global/images/PageFrame.jpg http://www.macrabbit.com/global/images/hea...tionMonster.gif файлы с несколькими элементами бекграунда, четыре раза используется в css Где можно почитать про такой при?м?

   Asked by weblad, May 19, 2008

   0 votes
   2 answers
3. Определить числа и знаки

   Подскажете как более точно определить, ввел пользователь запятую или точку... нужна в числе только точка или ее отсутствие (например, 0.9 или 9 или 88). На запятую error. $sumznak = !eregi("^[0-9]+([\.]+[0-9])", $sum); Так у меня проверка проходит, если ввели запятую, но и если ввести одно число (например, 4) - тоже ошибка. Ввожу 44 - все гуд.

   Asked by banyman, January 30, 2009

   0 votes
   4 answers
4. Проблема с высотой контейнера в FF

   Сделал страничку-заглушку для еще неготового сайта. Верстка резиновая. У height выставлен атрибут auto. При полноразмерном окне все выглядит нормально, но когда уменьшаешь окно в FF до размера маленького ноутбука, слой cо свойством float:left вылезает за пределы контейнера снизу и получается каша. В чем может заключаться проблема? Заранее благодарен.

   Asked by manc, May 20, 2009

   0 votes
   6 answers
5. Интересный список

   Нужно сверстать вот такой вот список: Вариант с двумя дивами не подходит, ибо информация может выводиться только построчно. Быть может можно через ul li как-то укротить список? Подскажите пожалуйста хотя бы в каком направлении мыслить.

   Asked by prokopoffmusic, June 20, 2010

   0 votes
   3 answers
6. ie высота ячейки

   Есть таблица следующего вида: <table> <thead> <tr> <th><span>12323</span></th> <th><span>12323</span></th> <th><span>12323</span></th> </tr> </thead> <tbody> <tr> <td><span>12323</span></td> <td><span>12323</span></td> <td><span>12323</span></td> </tr> <tr> <td><span>12323</span></td> <td><span>12323</span></td> <td><span>12323</span></td> </tr> <tr…

   Asked by theo_, August 28, 2010

   0 votes
   2 answers
7. DIV-ы, Гор. меню, несколько пунктов, с процентной шириной

   Задача такая, если бы это были таблицы я бы сделал так: <table width="100%"> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> </table> тогда бы пункты растянулись бы на всю страницу, еще ссылкам пропсиал бы display: block; и тогда бы они заполняли всю ячейку, вот мне надо так, тока на дивах. <div class="menu"> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a>…

   Asked by nbid, September 24, 2010

   0 votes
   4 answers
8. Как отцентрировать по вертикали position: absolute

   Подскажи, как отцентрировать по вертикали position: absolute относительно <img> ? <div style="width: 100%; text-align: center; position: relative"> <img src="" alt="{формула}" title="{TEXT2}" /> <span style="position: absolute; right: 1px; font: 12pt Calibri;">(номер формулы)</span> </div> Код нужен для нумерованных мат. формул, то есть когда формула строго по центру по горизонтали относительно страницы, а её номер возле правого края. Когда высота формулы в одну строку, проблем нет; но, если высота формулы более одной строки (например, дробь, матрица), то номер не центрируется относительно неё - всегда сверху.

   Asked by NonCommalg, May 11, 2011

   0 votes
   0 answers
9. Помогите реализовать

   Вобщем вот что должно получиться: как это должно работать: это полоса так называемый информер, должна показывать 4 последних добавленных видео. внешность и кнопки - это фигня я сделал. проблема в: как привести это в действие? сделать это на ucoz? где лучше добавлять эти видео? как сделать чтобы показывалось мини изображение этого видео?

   Asked by gimpy, May 25, 2011

   0 votes
   2 answers
10. в dive таблица

    Добрый день. Помогите плиз. Есть страничка где 2 div слева потом посередине div и справа div. Вставляю текст в центральный div, а потом после текста сразу таблица идет. А она уезжает вниз. Что делать не знаю. Ваши варианты:

    Asked by GArthurK, January 22, 2012

    0 votes
    11 answers
11. избыточность селекторов

    скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)

    Asked by cyklop77, June 2, 2012

    0 votes
    6 answers
12. Искал, аналогичной темы не нашел, помогите новичку!

    Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…

    Asked by bogdaniman, July 15, 2012

    0 votes
    7 answers
13. Обращение к элементу

    Добрый день, как обратиться к элементу если у нет ни класса ни id? Возможно ли через onclick? Нужно подменить src у картинок. Вот пример: <div onclick="simpletag('b')"><img title="$lang[bb_t_b]" src="{THEME}/bbcodes/b.gif" width="23" height="25" border="0" alt="" /></div> <div onclick="simpletag('i')"><img title="$lang[bb_t_i]" src="{THEME}/bbcodes/i.gif" width="23" height="25" border="0" alt="" /></div> <div onclick="simpletag('u')"><img title="$lang[bb_t_u]" src="{THEME}/bbcodes/u.gif" width="23" height="25" border="0" alt="" /></div> <div onclick="simpletag('s')"><img title="$lang[bb_t_s]" src="{THEME}/bb…

    Asked by inex, October 12, 2012

    0 votes
    6 answers
14. Проблема. Табличный дизайн. ASP. CSS

    Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или…

    Asked by DenPorsche, March 25, 2013

    • css
    • asp
    • table
    • div
    • tr
    • td
    • c#
    • advantshop
    0 votes
    0 answers
15. Как верстать такие кнопки?

    подскажите пожалуйста, как верстать такие кнопки? http://i024.radikal.ru/1403/24/ba2f7d72aab7.png их надо разрезать по отдельности и к каждому прописывать по отдельности или можно как то вместе сделать? или вот кнопки соц сетей, они тоже бывает рядом стоят по 10 разных штук, тоже надо каждую по отдельности?

    Asked by Asai, March 7, 2014

    0 votes
    3 answers
16. как вставить текст снизу на фоновое изображение

    <!DOCTYPE html> <html> <head> <title>Создание Сайтов</title> <meta charset="windows-1251"> <link rel="stylesheet" href="css/main.css" type="text/css"> </head> <body> <div id="page_aligen"> <div id="shapka"> <a href="Glavnaya" class="cvet" >Главная </a> <a href="Ceni" class="cvet">Цены</a> <a href="Docky" class="cvet">Документы</a> <a href="kontakti" class="cvet">Контакты</a> <a href="Npishute" class="cvet">Напишите нам</a> <a href="Zakaz" …

    Asked by ryslan, February 19, 2015

    0 votes
    3 answers
17. Создание тени по типу ?луковой шелухи?

    У вас на сайте есть хорошая статья, с одноим?нным названием http://htmlbook.ru/content/?id=104. Вс? отлично работает и хорошо смотрится. Подобное встречал на http://www.dynamicdrive.com/style/csslibrary/category/C5/. Но если картинки разного размера, как быть?

    Asked by Serhij, January 9, 2008

    0 votes
    0 answers
18. Ссылка с картинкой и пунктирное подчеркивание

    Здравствуйте ! Есть такая ссылка : <a href="#" onclick="JS-code">Текст<img src="foo.gif" alt="foo" /></a> Можно ли сделать так, чтобы текст в ссылке был подчеркнут пунктирной линией, а картинка нет ? Разделить это на две отдельные ссылки не предлагать. Дело в том, что код, который находится в onclick достаточно длинный и укоротить его нельзя, а таких ссылок на странице много. Страница и так уже довольно обьемная и увеличивать ее еще больше не хотелось бы. Спасибо.

    Asked by subalex, December 12, 2009

    0 votes
    1 answer
19. Можно ли использовать текстовую ссылку для отправки формы?

    Возник такой вопрос. Можно ли для отправки формы на сервер использовать текстовую ссылку <a> вместо inputa ?

    Asked by gordey, June 27, 2011

    0 votes
    2 answers
20. проблема с использованием max-width

    Суть вопроса в следующем... есть код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>max-width</title> <style type="text/css"> /*———————————--RESET———————————-*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; }…

    Asked by bonyany, July 21, 2011

    0 votes
    5 answers
21. Несколько вопросов по верстке макета.

    В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон? Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в firefox, например, изображение можно утянуть курсором, не знаю как это исправить. html <div id="img1"></div> <div id="img2"></div> css #img1{ width:279px; height:132px; position:absolute; left:25px; background:url(images/orange1_02.png); cursor:pointer;} #img2{ position:absolute;…

    Asked by skygazer, December 16, 2011

    0 votes
    5 answers
22. Вопрос по CSS

    На данном сайте взял исходник на Dropdown Menus -> Centered - это zip-архив. Его содержимое в части CSS: /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssmenus.co.uk Copyright (c) 2009- Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ ul#menu {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:11px; f…

    Asked by dvf, January 6, 2012

    0 votes
    2 answers
23. divы в div

    Пытаюсь сделать вот такую структуру: Задача у меня такая: на общем фоне будут 6 блоков в которые в дальнейшем будут выводиться посты (анонсы). Что-то я делаю не так... Сайт не резиновый и чётко ограничен размерами 1024х800пикс. Подскажите как разложить дивы что бы позиционировались относительно основного дива, а не по экрану?? код: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <div class="menu"> <ul class="menu"> <li><a href="#"></a>&lt…

    Asked by aov000, February 13, 2012

    0 votes
    10 answers
24. Какой вариант лучше использовать?

    Задача встроить в слайд шоу табличные данные Естественно на ум сразу пришла таблица. Короткий пример: <table> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> </table> Строк намного больше если не ошибаюсь 18 и таких таблиц нужно около двадцати. Сами понимаете сколько кода. Понимаю что если есть табличные данные, то обычно применяется таблица. Но уж больно не хочется её использовать из-за большого количества кода. Сделал вот…

    Asked by Modestes, May 11, 2012

    0 votes
    4 answers
25. Прозрачный указатель

    Привет. Подскажите как верстают подобные прозрачные указатели на активную ссылку?

    Asked by ghrd, November 1, 2012

    0 votes
    5 answers