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
29542 questions in this forum
-
Посоветуйте как сделать сужающуюся строку поиска при уменьшении разрешения.
Помогите сделать сужающуюся строку поиска. Как на ya.ru при уменьшении окна браузера. Когда окно будет меньше 1024 пикселей. @media screen and (max-width:1024px)Что тут написать ??? что только не пробовал , не могу добиться эффекта. Все уезжает , все разъезжается ))) У меня задание скопировать яндекс и чтобы при размере менее 1024 пикселей он приобретал вид ya.ru.
0 votes2 answers -
несколько элементов дизайна в одном jpg
Есть такой сайт www.macrabbit.com Понравились как сделаны блоки верхнее меню и основной блок, а если точнее как реализован background блоков, но не совсем понимаю как это сделанно, в одном jpg файле нарисованно сразу несколько элементов бекграунда, например http://www.macrabbit.com/global/images/PageFrame.jpg http://www.macrabbit.com/global/images/hea...tionMonster.gif файлы с несколькими элементами бекграунда, четыре раза используется в css Где можно почитать про такой при?м?
0 votes2 answers -
Определить числа и знаки
Подскажете как более точно определить, ввел пользователь запятую или точку... нужна в числе только точка или ее отсутствие (например, 0.9 или 9 или 88). На запятую error. $sumznak = !eregi("^[0-9]+([\.]+[0-9])", $sum); Так у меня проверка проходит, если ввели запятую, но и если ввести одно число (например, 4) - тоже ошибка. Ввожу 44 - все гуд.
0 votes4 answers -
Проблема с высотой контейнера в FF
Сделал страничку-заглушку для еще неготового сайта. Верстка резиновая. У height выставлен атрибут auto. При полноразмерном окне все выглядит нормально, но когда уменьшаешь окно в FF до размера маленького ноутбука, слой cо свойством float:left вылезает за пределы контейнера снизу и получается каша. В чем может заключаться проблема? Заранее благодарен.
0 votes6 answers -
Интересный список
Нужно сверстать вот такой вот список: Вариант с двумя дивами не подходит, ибо информация может выводиться только построчно. Быть может можно через ul li как-то укротить список? Подскажите пожалуйста хотя бы в каком направлении мыслить.
0 votes3 answers -
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…
0 votes2 answers -
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>…
0 votes4 answers -
Как отцентрировать по вертикали 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> Код нужен для нумерованных мат. формул, то есть когда формула строго по центру по горизонтали относительно страницы, а её номер возле правого края. Когда высота формулы в одну строку, проблем нет; но, если высота формулы более одной строки (например, дробь, матрица), то номер не центрируется относительно неё - всегда сверху.
0 votes0 answers -
Помогите реализовать
Вобщем вот что должно получиться: как это должно работать: это полоса так называемый информер, должна показывать 4 последних добавленных видео. внешность и кнопки - это фигня я сделал. проблема в: как привести это в действие? сделать это на ucoz? где лучше добавлять эти видео? как сделать чтобы показывалось мини изображение этого видео?
0 votes2 answers -
в dive таблица
Добрый день. Помогите плиз. Есть страничка где 2 div слева потом посередине div и справа div. Вставляю текст в центральный div, а потом после текста сразу таблица идет. А она уезжает вниз. Что делать не знаю. Ваши варианты:
0 votes11 answers -
избыточность селекторов
скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)
0 votes6 answers -
Искал, аналогичной темы не нашел, помогите новичку!
Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…
0 votes7 answers -
Обращение к элементу
Добрый день, как обратиться к элементу если у нет ни класса ни 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…
0 votes6 answers -
Проблема. Табличный дизайн. ASP. CSS
Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или…
0 votes0 answers -
Как верстать такие кнопки?
подскажите пожалуйста, как верстать такие кнопки? http://i024.radikal.ru/1403/24/ba2f7d72aab7.png их надо разрезать по отдельности и к каждому прописывать по отдельности или можно как то вместе сделать? или вот кнопки соц сетей, они тоже бывает рядом стоят по 10 разных штук, тоже надо каждую по отдельности?
0 votes3 answers -
как вставить текст снизу на фоновое изображение
<!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" …
0 votes3 answers -
Создание тени по типу ?луковой шелухи?
У вас на сайте есть хорошая статья, с одноим?нным названием http://htmlbook.ru/content/?id=104. Вс? отлично работает и хорошо смотрится. Подобное встречал на http://www.dynamicdrive.com/style/csslibrary/category/C5/. Но если картинки разного размера, как быть?
0 votes0 answers -
Ссылка с картинкой и пунктирное подчеркивание
Здравствуйте ! Есть такая ссылка : <a href="#" onclick="JS-code">Текст<img src="foo.gif" alt="foo" /></a> Можно ли сделать так, чтобы текст в ссылке был подчеркнут пунктирной линией, а картинка нет ? Разделить это на две отдельные ссылки не предлагать. Дело в том, что код, который находится в onclick достаточно длинный и укоротить его нельзя, а таких ссылок на странице много. Страница и так уже довольно обьемная и увеличивать ее еще больше не хотелось бы. Спасибо.
0 votes1 answer -
Можно ли использовать текстовую ссылку для отправки формы?
Возник такой вопрос. Можно ли для отправки формы на сервер использовать текстовую ссылку <a> вместо inputa ?
0 votes2 answers -
проблема с использованием 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; }…
0 votes5 answers -
Несколько вопросов по верстке макета.
В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон? Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в 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;…
0 votes5 answers -
Вопрос по 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…
0 votes2 answers -
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><…
0 votes10 answers -
Какой вариант лучше использовать?
Задача встроить в слайд шоу табличные данные Естественно на ум сразу пришла таблица. Короткий пример: <table> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> <tr> <td>Дисковое место</td> <td>1Gb</td> </tr> </table> Строк намного больше если не ошибаюсь 18 и таких таблиц нужно около двадцати. Сами понимаете сколько кода. Понимаю что если есть табличные данные, то обычно применяется таблица. Но уж больно не хочется её использовать из-за большого количества кода. Сделал вот…
0 votes4 answers -
Прозрачный указатель
Привет. Подскажите как верстают подобные прозрачные указатели на активную ссылку?
0 votes5 answers