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
-
Как можно обрезать текст блоком
Не знаю как правильно сформулировать вопрос. Суть в том, что есть блок с текстом. Текст длиннее блока, и вся надпись не влезает. Свойство overflow обрезает по-словно. Как можно сделать обрезку текста по-сколько-влезет, буквально до буквы или даже до полу-буквы. Видел где-то такую реализацию, причем там с эффектом плавного исчезания было, вроде как растворялся хвост текста. Вот только сейчас не вспомню где это находил. Пример тут - http://jsfiddle.net/T98Dx/ Подскажите пожалуйста как можно реализовать такую обрезку, желательно без скриптов. Может кто ссылками интересными поделится по теме.
0 votes4 answers -
Как можно организовать смену (к примеру) курса валют на Всех страницах (200 - 300 шт.)
Каким образом можно организовать смену определенных участков текста на Всех страницах одновременно. Тобишь - не сидеть и вставлять измененный текст на каждой странице, а просто "выделить" (может с помощью какого-то скрипта) определенные участки текста и все эти участки свести в один файл (вроде как настройки страницы выделяються в несколько CSS-файлов), и при изменении текста в этом файле изменяеться этот самый текст на всех страницах. К примеру у компании изменились/появились новые телефоны или изменился курс доллара/евро за наличные и безналичные рассчеты - не сидеть-же и менять это в каждой странице !? Подскажите, пожалуйста, как в таком случае быть ? Спасибо
0 votes10 answers -
Как можно открыть нужную папку сайта в проводнике Windows?
Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.
0 votes6 answers -
Как можно разместить по горизонтали несколько картинок ?
Как можно разместить по горизонтали несколько картинок ?
0 votes11 answers -
Как можно реализвать подобное меню?
Доброе время суток. помогите пожалуйста реализовать меню подобное тому, какое на данном сайте: http://www.fordvehicles.com/ я имею в виду именно о том раскрывающемся меню с пунктами "Ford now, cars и.т.д." Простое раскрывающееся меню сделать можно конечно без проблем, но интересует как можно сделать так, чтобы при наведении на определенный пункт меню отображался свой имэйдж. Спасибо за помощь
0 votes5 answers -
Как можно реализовать
Подскажите пожалуйста, можно ли сделать на css то, что изображено на картинке: http://prntscr.com/2ew4u1 Как это лучше сделать? Есть ли смысл пытаться делать на css или вставить картинкой лучше? http://jsfiddle.net/3J7dW/
0 votes3 answers -
как можно реализовать лейбл с процентом скидки на фоне круга
Всем привет, Подскажите пожалуйста как можно реализовать лейбл с процентом скидки на фоне круга как тут ref исходники я смотрел - ничего не высмотрел... Если можно, ссылку на что-то несложное в реализации... Спасибо!
0 votes2 answers -
Как можно реализовать меню на спрайтах, чтобы при отключении картинок показывалась надпись?
Добрый день! Существует следующая проблема. Есть меню, в котором пункты - картинки в виде фона (реализовано на спрайтах). При отключении отображения изображений в браузере - в меню соответственно ничего не выводится, получается просто пустое меню. А хотелось бы что бы выводилась хотя бы какая-нибудь надпись, вроде атрибута alt у image.. Что можно тут придумать? Спасибо!
0 votes4 answers -
Как можно реализовать раскрывающееся меню (CSS+HTML)
Например, я хочу написать о ручке. Ручка состоит из... Стержень, корпус, колпачок, и т. д., и т. п. Чтобы пользователь видел только "Ручка состоит из...", а описание появлялось при нажатии на этот заголовок. Реализация посредством CSS и HTML, без каких-либо там JavaScripts, DHTML и т. д.
0 votes8 answers -
Как можно сверстать сие чудо?
Задам для начала несколько больше всего интересующих меня вопросов и покажу результат который есть на данный момент. 1 и 2 - Меня интересует как можно проще реализовать эти линии. 3 - Как лучше сделать отступ? Если брать ныне существующий код, то я думал добавить еще один table и выставить ему height, в размере нужного отступа. Код можно посмотреть тут: Турнирная таблица. Проблема заключает в том, что в конечно итоге нужно добавлять неограниченное кол-во строк не меняя размеры в последующих столбиках. например: берем 16 игроков, второй столбик соответственно уже 8. И тут вдруг мне понадобилась таблица на 32 игрока, и я просто добавляю еще 16 строк грубо говоря <tab…
0 votes11 answers -
Как можно сдвинуть кнопку влево?
Здравствуйте! http://unbrokenteam.ru/ На главной странице внизу есть кнопка "Отправить". Как можно сдвинуть ее влево? При этом чтобы другие кнопки оставались на прежнем месте. Добавить button2 с выравниванием влево? Но в этом случае кнопку сплющивает. Вот style.css: body { padding: 20px; } button { margin-top: 20px; margin-left: 80px; line-height: 38px; font-size: 93%; padding: 0 60px; background: white; border: 2px solid rgb(112, 182, 234); border-radius: 35px; position: relative; left: 45%; transform: translate(-55%, 0); } button:hover { transit…
0 votes5 answers -
Как можно сделать "резинку" с применением % и px
Здравствуйте. Подскажите пожалуйчта, как можно сделать "резинку" с применением % и px, а именно: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> html, body{ margin:0px; background-color:#CF0; height:100%; width:100%; } .body{ margin:0 auto; background-color:#CC3; height:100%; width:600px; } .top{ margin:0 auto; background-color:#C96; height:100px; wid…
0 votes24 answers -
Как можно сделать адаптивной линейку превью?
Wordpress тема Tempera галерея создается плагином Photospace Responsive Gallery у плагина есть свой CSS Выглядит все так http://selftrips.ru/2015/09/08/22115. Плагин создает галерею с превью. В настройках можно задать видимое количество превью, остальные (если есть) можно видеть промоткой. Если количество видимых привью не помещается на экране в одну строчку, они начинают рисоваться в несколько, что не очень красиво. (точнее очень не красиво) При уменьшении разрешения (т.е. при просмотре через телефон) если превью много и на большом экране они были в одну строчку, то на мобильнике - начинаются показываться в несколько. Можно ли средствами CSS заставить "лишние" прев…
0 votes1 answer -
как можно сделать видимый scale на элементах внутри overflow:scroll?
Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.
0 votes1 answer -
Как можно сделать динамический шрифт ?
Помогите, кто знает как можно сделать чтобы шрифт регулировался в зависимости от расширения монитора и ОС ? Знаю что реализуется вроде как ..em/..em только вот настроить толком не удается. Я с таким впервые столкнулся, верстку знаю слабо, может что подскажите.
0 votes2 answers -
Как можно сделать загрузку?
Как можно сделать загрузку, типо как при установки проги, с процентами, и с полосой? Заранее спасибо.
0 votes17 answers -
Как можно сделать или хитрая верстка с джс
Есть свойтсво, позволяющее для 1ой строки дива делать отступ. А мне надо, чтобы отступ делался исходя из расчетов. В верхнем левом углу есть прямоугольный небольшой див. Внизу есть прямоугольный большой див из чистого текста, последняя строка не под прямоугольник. Известна высота этого нижнего дива, длина последней строки. Также известна ширина первого дива. Так вот, я хочу попытаться сделать так, чтобы часть нижнего дива переносилась в оставшуюся от верхнего область. Наверное трудно представить, попробую тут нарисовать? ________ |верхний| |_______| Тут описание, которое должно занять часть области сверху. Но оно больше чем 1 строка в большинтсве случаев будет. Это исходн…
0 votes4 answers -
Как можно сделать клик по фону?
Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
0 votes11 answers -
Как можно сделать минимальную высоту страницы?
Доброго дня. Подскажите , как можно сделать фиксированный размер страницы чтобы минимальная высота была зафиксированная а максимальная динамическая.
0 votes1 answer -
Как можно сделать чтобы <div> был размером с картинку добавленную в стилях ?
Скажите пожалуйста, как можно сделать в моем случае <div class="comment"> <div class="author"><div> <div> В классе author через свойства background добавлена картинка. Но проблема в том что картинку не видно полностью, как можно сделать чтобы author был размером с картинку.
0 votes8 answers -
Как можно скрыть ссылки на картинках
Помогите пожалуйста мне реализовать скрытие ссылок на картинках. Суть вот в чем: на странице есть текстовые ссылки и ссылки с картинок. Как можно сделать что бы ссылки с картинок были не активны (при нажатии не происходил переход), а текстовые ссылки остались как есть. Сайт стоит на ДЛЕ и класс или идентификатор к каждой ссылки сделать достаточно трудоемко, могу только всё взять в див и уже див"у назначить класс или идентификатор. Вот для примера: <div class="hidelink"> <a href="page1"><img src="image1.jpg"></a> <a href="page2"><img src="image2.jpg"></a> <a href="page3">text link</a> </div> <a href="">сде…
0 votes3 answers -
Как можно создавь фотогаллерею для сайта?
Хочу создать фотогалерею!
0 votes5 answers -
Как можно ссылку выровнять по правому краю?
Не знаю даже прям почему но никак не выходит выровнять по правому краю ссылку <a href=\"#comment\" class=\"reaply\" id=\"".$row['comment_id']."\">Ответить</a> Пробовал text-align: right; не помогает. ————- Уже разобрался путем подстановки в <div></div>
0 votes4 answers -
Как можно сэмитировать браузерный zoom-in zoom-out
Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте? При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится. Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом? Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах ...
0 votes1 answer -
Как можно такое реализовать?
Как можно сделать такое меню?
0 votes6 answers