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
-
Запретить обтекающим друг друга блокам спускаться при малом экрана
Как запретить обтекающим друг друга блочным элементам спускаться вниз при недостаточном размере экрана. Пример: http://jsfiddle.net/NjWqE/1/ Если уменьшить размер окна Result блоки начнут спускаться Не могу зафиксировать их. И еще нужно чтобы появлялся скролл если в экране видна чать этих блоков. Спасибо!
0 votes7 answers -
Почему не растягивается div
Добырй день! Я начинающий, потому не судите строго Не могу понять, почему div, в котором расположен еще div, имеет высотку 0 пикселей? Как его растянуть? Просто я хочу изображение на задний фон сделать, а оно не отражается, как я понял, как раз потому что высота div = 0. кусок index.tpl <body>......... <!-- Шапка (The End)--> <!-- Вся страница --> <div id="main"> <!-- Основная часть --> <div id="content"> {include file='slider.tpl'} {$content} </div> <!-- Основная часть (The End) --> </div> <!-- Вся страница (The …
0 votes3 answers -
Прокрутка страницы до якоря
На сайте есть фиксированное меню. Как сделать, плавную прокрутку до якоря? А точнее, до НАЧАЛА якоря? Часть блока уходит под меню. Если блоку задать padding-top, то получиться большой отступ... И еще: подскажите, пожалуйста, почему в IE сайт расползается...Что не так?
0 votes7 answers -
Нарезка макета
Как нарезать такие иконки, если вырезать из без фона, то получиться не то, и с фоном их тоже не вырежешь http://cs610723.vk.me/u252023236/docs/9650dfc1ebfa/dsaasdfdsafmm.png?extra=oCNkf3MfGI-cYh6zq2mFuuM_qlBMdIbejN15hZ2eEJx2b9UxdoWgYaj7OISo52mun2XwbkIG0WTCBT7no4n4DoPVHD4DJJiv
0 votes6 answers -
включение html в html
В общем есть сайт: http://vip-racing.ru/ Там снизу-справа есть маленький раздел "Новости"... Очень не хочется каждый раз менять новости на всех страницах... Может можно как-нить создать файлик и просто его включать во все страницы?
0 votes3 answers -
Иконки с текстом
Прошу помочь, я начинаю учить верстку div, скажите как правильно реализовать одну вещь: необходимо сделать ссылкой изображение текст изображение текст #toplist li { display: inline; list-style-type: none; padding-right: 50px; } ————————————-- <ul id="toplist"> <li><a href="#"><img src="images/home.jpg"> Домой</a></li> <li><a href="#"><img src="images/cont.jpg"> Контакты</a></li> </ul> не получается выровнять изображение и текст ссылки, они на разных уровнях. помогите пожалуйста. Зараннее спасибо.
0 votes4 answers -
почему моя html табличка ведёт себя так странно?(см внутрь)
В общем нужно сделать вот такую штуку но дело в том, что где нижний цветочек, если ему родную ширину поставить, ячейка будет длинее!!!!он будет повторяться!!!! а он 107px а я ему 50 поставила.. <table border="1px" cellpadding="0px" cellspacing="0px" cols="3"> <tr > <td background="images/LT.png" width="116px" height="111px">r </td> <td background="images/MT.png" width="11px" height="111px"colspan="4">r </td> <td background="images/RT.png" width="69px" height="111px">r </td> </tr> <tr> <td background="images/LM.png" width="116px" height="11px">r </td> <td bgcolor="#fffddf" width="300px…
0 votes3 answers -
как называется эта штука?)
Например, если в яндексе ввести в поиск "кронштейн", и посмотреть на 2 пункт выдачи, то там высвечиваются ссылки (синего цвета: диагональ, акустика и тд) как называется эта штука и как ее сделать?
0 votes2 answers -
может глюк хостинга(((
начал делать сайт и напоролся в неожиданно простом месте на очень неприятную проблему, с которой не могу разобраться.... http://open.ezg.su/ - по этой ссылке выложен сайт такое ощущение, что у body в верхней его части находтся какой то пустой div. margin:0, padding:0-как видно из примера не помогают!!!!! Может кто сталкивался с такой проблемой...подскажите как решить(может вообще в хостинге проблема ) самое прикольное, что когда делал верстку на компе( html ) проблем не было, никуда ничего не уезжало!!! а как закинул на сервак точно такой же код, верстка поехала!!!!!!
0 votes6 answers -
Что значит подобная записть?
В CSS: Индификатор же определяется так Встретил в коде такое.
0 votes4 answers -
Сайт фиксированной ширины по центру
Постоянно сталкивался с 1 проблемой и все не могу найти хорошего решения. Есть основной блок который фиксирует сайт по центру при помощи margin: 0px auto; но возникает проблема что когда контента мало сайт на 1 позиции как только контента больше высоты окна появляется скролл и соответственно сайт дергается в лево. Обычно избавлялся от этого при помощи body {overflow-y: scroll;}. Но хотелось бы узнать как это сделать при помощи js что бы не добавлять скролинг. Я так понимаю поверх всего нужен еще 1 div который будет прижат к левому краю но его ширина будет размером с окно -20px на скролинг. Или есть еще другие варианты? Подскажите плиз решение проблемы.
0 votes8 answers -
Нужна помощь с кодом для менюшки
Доброго времени суток. Вопрос следующий: есть сайт, нужно для него меню сделать горизонтальное- на 3-4 пункта меню, меню будет находиться прям в верхнем правом углу, задача: сделать так что-бы при прокрутке сайта вниз эта менюха так и оставалась вверху. Подскажите что вообще для этого использовать- jQuery или Javascript -я просто по ветке дизайнера развиваюсь и в технической части слаб и только осваиваю её. Спасибо за внимание, всем бобра)
0 votes8 answers -
Два <div> в одну строку
Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.
0 votes4 answers -
Нестандартный текст
Возможно у кого-небудь есть идеи как сверстать данный текст?
0 votes3 answers -
Бутстрап 3
Здравствуйте! Скажите как сверстать макет шириной в 1000px на бутстрап 3
0 votes3 answers -
Таблица и "контентная" ширина колонок
Доброго. Есть следующая таблица (все пихнул в один блок да бы не разбивать на части) <!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=windows-1251" /> <title>grid_one_doc</title> <style type="text/css"> /*** x-grid ***/ .x-grid { border: 1px solid #DCEBF7; } /* defaults & same options */ .x-grid * { margin: 0px; padding: 0px; border: none; } .x-grid table { border-collapse: collapse; border: none; width: 100%; table-layout: fixed; } .x-…
0 votes2 answers -
Позиционирование дивов
Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…
0 votes1 answer -
Несколько form в одном документе
Здравстуйте! Такая ситуация: Есть 10 форм в одном документе со скрытыми полями.. с помощью JS открываеся окно с сообщением и кнопкой для обработки данных, относящихся к этому сообщению... Обработчик один для всех форм... только вот данные в обработчик попадают первой формы. Как можно решить это? может кто-то сталкивался с задачей.....
0 votes6 answers -
Не добавляются изображения
На сайте есть формы для редактирования и добавления всякого, в том числе изображений. Во всех нормальных браузерах изображения нормально добавляются, а вот в ИЕ совсем не добавляются и даже в 8ом. Почему так может быть? Вот такой стандарт используется: <!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"> И вот так у форм: Начало формы: <form id="user_edit" action="В нужное место" enctype="multipart/form-data" method="post"> Поле для изображения: <input class="select_fb" type="file" name="img"/> Можете попробовать добавить изображение…
0 votes0 answers -
Текст
Подскажите,как сделать,чтобы текст не вылазил за границы блока или таблицы?
0 votes4 answers -
Подскажите, как лучше сделать
Здравствуйте ! Нужно сделать горизонтальное меню с разделителями, при этом сверху над надписью должен быть рисунок. Делал это меню, естественно, списком, в качестве разделителя использовал border-left для li. Также для li сделал фоновым рисунок, который должен находиться сверху. Собственно, вот что должно получиться: А вот, что пока получается: Как можно увидеть, бордеры разъехались на всю высоту блока li. Как сделать, чтобы разделитель был как и на рисунке, который показывает, что должно получиться ? Придётся отказаться от бордеров и юзать клавишу-разделитель на клавиатуре ? Заранее спасибо за помощь !
0 votes8 answers -
Отступы текста
Здравствуйте! У меня пока что кроме текста нету ничего! Я хотел спросить! Можно ли сделать отступ текста от верха(тоесть чтобы текст был по середине) прямо в коде HTML? Или только через css можно?!
0 votes2 answers -
Block position: absolute - ширина блока
Привет. Есть некий блок (position:relative). Он содержит дочерний блок (position:absolute). Абсолютно позиционируемый блок содержит произвольный контент. Проблема: Ширина абсолютно позицируемого блока не превышает ширины родительского блока. Задача: Абсолютно позиционируемый блок должен тянутся по ширине контента, не зависимо от ширины родительского (position:relative) блока. Есть идеи?
0 votes5 answers -
плавное изменение размера изображения
помогите пожалуйста создать эффект при наведении как на этойстранице в блоке .item здесья примитивно повторил нужную часть кода, но эффект реализовать не могу. в моём случае при наведении всплывающее изображение только плавно меняет прозрачность, а нужно чтобы изменялся размер - от меньшего к большему(от изменения прозрачности можно даже отказаться) всплывающее изображение должно остаться именно такое, какое сеичас в моей версии - попугайское кольцо пробовал разобраться как организован эффект на указанном сайте, но не получается. к тому же там немного другой случай - не картинка, а border
0 votes12 answers -
Оптимизация скорости загрузки фоновых изображений
Всем доброго дня. Есть такая проблема. Есть простенькая страничка на сайте, на которой отображается инфо о некой команде. Фото участника и краткое инфо. Сделано все табличками и фото участника является фоном таблички. И вот проблема в том, что фоновое изображение долго грузится, около 400ms (в итоге имеем 900ms +/-), хотя при этом оно достаточно маленького размера 50Кб +/-. И если в хроме загрузка картинки происходит более или менее плавно, то в ФФ торчит белый экран в месте картинки до тех пор, пока она не будет полностью загружена. Табличка описана так: При загрузке имеем такую картину: ******************************************************* Посоветуйте пожалуйста, к…
0 votes2 answers