HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Верстка на дивах. Как правильно?
Никогда раньше не задумывался над этим вопросом. Есть структура на дивах - они объединяют функциональные блоки. <div style="padding-top: 30px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> <li>Элемент</li> </select> <input type="button" value="test" style="margin-right: 60px;float: left;"/> <input type="text" style="width: 400px"></input> </div> <div style="padding-top: 10px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> </select> <input type="button" va…
0 votes5 answers -
Opera. Проблемы с обтеканием картинкой списка
В Опере Версия: 11.61 Сборка: 1250 Платформа: Win32 Есть картинка и рядом список. Нужно сделать обтекание. Условие, что список должен иметь буллеты снаружи (list-style-position:outside) <div> <img style="float: left;" src="/images/1.jpg" width="171px" height="176" /> <ul> <li>Подраздел</li> <li>Подраздел</li> <li>Подраздел</li> </ul> <p>какой то текст</p> </div> По теме нашел линку http://xpoint.ru/forums/internet/html_css/markup/thread/39748.xhtml
0 votes2 answers -
Что за шрифт
Не подскажите, что за шрифт используется в псевдоэлементах в content? Как я понял это не стандартный serif (Times N.R.) и не стандартный sans-serif (Arial)....и очень сомневаюсь, что декоративный или моноспейс) Перебирать все не стал уж. Может кто знает?
0 votes3 answers -
Фон ютуба
Ребят подмогните плиз дурочку, как фон ютуба к себе на сайт завести? В html капельку только пониамю.... сенки
0 votes2 answers -
Давайте изобретём идеальную резину!
Уже какой месяц бьюсь, пытаясь изобрести идеальную резину, но так ничего и не вышло, даже приближённого к идеальному. Предлагаю объединить усилия. Давайте уже соберёмся и перевернём нафиг привычные представления о вёрстке! Сверстаем шедевр, которым потом будут пользоваться не одно поколение программистов. Собственно, озвучиваю требования по порядку: 1. 2 фиксированных сайдбара и резиновый центр. Фиксированные по высоте футер и хидер. 2. Обтекание больших картинок центральным блоком, то есть макет должен уметь "разъезжаться" шире окна браузера. 3. Футер прижат к низу страницы, а при высоком контенте страница тянется вниз. 4. Возможность сделать header и footer прозрачным…
0 votes8 answers -
Дочерние элементы таблиц
Начал верстать таблицей и решил отказаться от классов. Наваял вот таких крокодилов W3 похвалил, сказал - всё валидно по CSS3. Konqueror 1.5 работает! O9/11, Fx (не помню, но не старый) и IE7 - не работают. Ошибка, кажется, в том, что table>tr>td не считаются дочерними и/или для табличных элементов не определяются first-child. Хочу узнать, есть ли более точная информация или я неправильно всё это понимаю.
0 votes9 answers -
Как сделать лучше?
Есть сайт, на нем таблица. Мне присылают штук 20 прайсов в excel, в которых в одном столбце фото, в другом-название товара, в третьем-его описание, в каждом прайсе по ~50 строк. Нужно сделать интернет каталог. Дизайн практически сделан, но проблема с наполнением его из прайсов. До недавнего времени делал так: загонял екселевский файл в прогу на дельфи, которая создавала страницы с наполнением. Но так получается только с текстовым содержимым. Т.е. мне нужно как-то автоматизировать вытаскивание картинки из экселя и сохранение ее в папку и заполнение таблицы. Возможно ли это как-то сделать через базы данных? php, mysql не изучал, знаю html и css. сайт можно посмотреть на old…
0 votes7 answers -
прижать ДИВ к низу ячейки?
Здравствуйте скажите как прижать ДИВ к низу ячейки? vertical-align:bottom; в мозиле и ИЕ неработает почемуто
0 votes2 answers -
НЕстили
Применить стили для всех кроме ...(класс, тег, идентификатор). Нельзя так, да?
0 votes10 answers -
Как это сделать и что это такое?
Привет, помогите пожалуйста Почему-то не хочет картинка отображаться Если не видно http://imageshack.us/photo/my-images/401/picjj.jpg Допустим есть таблица. Я хочу чтобы при нажатии на слово "развернуть" эта строка меняла свою высоту и отображался какой-нибудь текст. А при повторном нажатии надо чтобы таблица принимала свой первоначальный вид. Я не говорю что это должна быть именно таблица, слово таблица использовала чтобы просто объяснить. Может тут таблицы и не причем. Скажите, пожалуста, как это делается и как это называется, чтобы хотя бы знать по каким словам искать в гугле
0 votes2 answers -
Мнемоника HML5
Прошу прощения за опечатку, не знаю как отредактировать тему. Речь конечно же про HTML5. Что-то изменилось? Например, не работает &emsp. Википедия пишет, что это HTML4. Так как быть? Неужели они такие вещи меняли и зачем.... Или этот пробел и в html4 не работает? Быстро вопрос решился, прошу прощения, снова. " ;" ?? Сбило, что обычный пробел в этом не нуждается...
0 votes2 answers -
оформление при дроблении статьи
Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…
0 votes3 answers -
Нестандартные кнопки социальных сетей
Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).
0 votes1 answer -
Вертикальное выравнивание картинки
Привет. Если раньше меня спасало line-height, то в этом случае почему-то не работает. Ссыль В дополнительных картинках видно, что изображение прибито к верху. Посоветуйте?
0 votes13 answers -
box-shadow + overflow:hidden
Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }
0 votes5 answers -
Как вытянуть сайдбар?
Доброго времени суток! Возник такой вопрос: Шаблон framework для Wordpress. Необходимо растянуть и залить сайдбар до футера. То есть непрерывная, колонка с меню, контентом и т.д. Поскольку используется продвинутая тема framework (Catalyst Theme), нет возможности менять html, но есть опция вставки своего CSS кода. Пробую решить задачу с помощью CSS. Что хочется сделать: Что есть сейчас height: 100% не работает. Объяснил как смог. Уважаемые форумчане, прошу помощи в решении этой задачи.
0 votes0 answers -
Как очистить canvas?
Всем привет! не могу очистить canvas от устаревшего изображения изображение рисуется так: context = canvas.getContext("2d"); ... context.moveTo(this.x, this.y); context.lineTo(CANVAS_WIDTH, Math.floor(Math.random() * CANVAS_HEIGHT)); context.lineWidth = 1; context.strokeStyle = "#ff0000"; context.stroke(); ... для очистки экрана использую метод: context.clearRect(0, 0, CANVAS_WIDTH, CANVAS_HEIGHT); по логике в каждом кадре должна появляться одна красная линия с произвольными координатами но на деле линии начинают добавляться видимо координаты старых линий тоже сохранились в context как можно очистить не только экран (clearRect) но и удалить старые координаты линий из c…
0 votes1 answer -
вопрос по "get" и "submit"...
Не могу решить такую проблему: Есть форма для поиска <form action="http://www...../search" method="get">. В ней есть инпут для ввода запроса <input name="q" size="22" />. Ну и кнопка, разумеется <input type="submit" value="Искать" />. Вопрос: Как сделать, чтобы текст из инпута отсылался на запрос всегда с "припиской", то есть некой текстовой константой, например вы вписали в инпут "Вася", а субмит отсылает запрос как "Вася 666", или вписали "Оля", а отсылается "Оля 666", то есть не зависимо от того что вы ввели всегда в конце должно приписывается " 666" (666 - просто для примера)... Как такое сделать? Помогите. Очень нужно.
0 votes6 answers -
тестирование?
подскажите как установить ие6 на комп , всегда ошибка (имеется новая версия)
0 votes5 answers -
Неправильное отображение меню в IE7
Всем привет, подскажите как исправить неправильное отображение пунктов меню на сайте http://zdravyshka.ru/ , пункт "народные средства" почему-то улетает за границы сайта, в других браузерах всё нормально.
0 votes5 answers -
размещение картинки-ссилки на галерею в oт Picasa
Здравствуйте. Вот ссылка на страницу: _http://www.skilledbuilders.ca/Gallery.html\ Создал в Picasa 4 галереи мне выдало на каждую код для помещение на страницу. Как видите все 4 Галереи размещены вертикально, а мне надо по 2 в одном ряду. Искал инфу в интернете и пробовал сам никак не получается. Код на вторую из них: <table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/103542931496703438548/BathroomShower?authuser=0&feat=embedwebsite"><img'>https://picasaweb.google.com/1035429314967…
0 votes0 answers -
не видно css-файл
подскажите пожалуйста возможно ли и как на странице посмотреть css-файл(ы)? я вижу набор непонятных символов или сообщение об ошибке. например вот
0 votes4 answers -
Верстка дивами.
Столкнулся с небольшой проблемой. Надеюсь не откажете в помощи. для ясности картинка получающегося. http://funkyimg.com/viewer.php?img=/2/1467/064/451035Untitled-2.jpg Идут три блока по горизонтали. 1. слева тайлится левый фон. на картинке выделен зеленым. 2. по центру идет блок с контентом, на нем белый фон. 3. справа тайлится правый фон. точно также как левый только отзеркаленый. так вот, если контент в 2 блоке растет, то левый и правый блоки не тайлятся, если в них нет контента, получается черный фон, выделил синим. по моей задумке, левый и правый блоки должны просто растягиваться по вертикали вместе с центральной частью и заполняться тайлингом по верти…
0 votes3 answers -
Верстка проблемы с IE
Здравствуйте, проблема в том что после верстки дизайна в IE страница открывается нормально как и во всех браузерах но появляется горизонтальная полоса прокрутки и если ее мотать (сайт при этом на растягивается) то фон длится в право до бесконечности чем дальше ведешь полосу чем дальше уходишь в право от сайта. вот сайт http://gurmantea.ru/ подскажите где ошибка или что то браузер на поддерживает хотя использовал простые теги.
0 votes2 answers -
Вместо изображения белый квадрат
Не хочет отображаться картинка. (имя файла- clocks.jpg, лежит в папке images)Пока учусь. Работаю в NotePade, в основном, запускаю через лисицу, изображения в браузере включены, ну это на всякий случай. Да и ни в каком браузере не идет. Может, это из-за того, что что-то не так с картинкой, к примеру, повреждена? <html> <head> <title> </title> </head> <body> <img src="images/clocks.jpg" width="307" height="450" alt="часы" align="right" hspace="20"> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p> <p>If you're involved in an internet marketing business, then you've probably already come face-to-…
0 votes4 answers