HTML Coding

29,542 questions in this forum

1. Обрезать div

   Нужно обрезать div и поднять его в верх. То есть есть информация в divе мы ее обрезаем на 100px и поднимаем вверх на 100px. вот так не катит <img src="white.gif" style="width: 100%;height:100px;" /> <div style="margin: -102px 0 0 0;"> тут что то </div> вверху есть таблица на которую наложится белый гиф и будет не красиво, гуру помогите плиз.

   Asked by zerg, August 23, 2010

   0 votes
   2 answers
2. Обрезать блок с фоном снизу по диагонали

   Есть блок, растянутый по ширине экрана и заполненный фоном, нужно снизу его обрезать по диагонали и подложить под него другой блок, чтобы под линией обреза его было видно. Подскажите, пожалуйста, как лучше это реализовать?

   Asked by yustnip, March 18, 2015

   0 votes
   9 answers
3. Обрезать Изображение При Экране Меньше 800 Шириной

   Скажите, как обрезать средствами ксс изображение при экране 800х600. Когда изображение меньше ширины 800 пикселей.

   Asked by people2010, September 13, 2010

   0 votes
   2 answers
4. обрезать картинки при разных разрешениях

   Привет всем! Возникла одна проблема при верстке Есть картинка на вес экран(с этим я разобрался), но вот не знаю как сделать так, чтобы при разных разрешениях обрезалась сверху/снизу (при горизонтальном окне браузера) и слева/права (при вертикальном окне). http://obzor.webtj.ru/slava/ - вот верстка, помогите пожалуйста

   Asked by X-Miller-X, March 31, 2013

   0 votes
   5 answers
5. Обрезать картинку

   Здравствуйте. Подскажите, пожалуйста, способ, как можно обрезать изображение. Сейчас вот так: Нужно вот так: Код можно посмотреть тут

   Asked by Temiks, January 7, 2015

   0 votes
   4 answers
6. Обрезать картинку по высоте

   Столкнулся с проблемой отображения картинок в блоке. Вот состряпал на быструю руку пример http://cssdeck.com/labs/pf43xo0u здесь картинка вылазит по высоте за блок div если ее ограничить по высоте то она сжимается http://cssdeck.com/labs/mxkx6uxy как можно сделать так что бы она обрезалась по высоте а не сжималась? спс!

   Asked by 3d_max_9, October 28, 2013

   0 votes
   3 answers
7. обрезать резиновую картинку

   помогите пожалуйста решить проблему есть резиновый блок, который содержит 3 картинок, расположенных горизонтально. jsfillde картинки отдаёт сервер и некоторые из них большего размера чем остальные проблема в том, что все картинки должны отображаться с одинаковыми размерами. помогите пожалуйста обрезать у большей картинки лишнюю часть. важно чтобы картинка именно обрезалась и её пропорции оставались без искажений

   Asked by cyklop77, June 24, 2015

   0 votes
   5 answers
8. Обрезать слой по обоим краям, реально?

   Есть слой, в нем flash-ролик, ширина ролика - шире окна браузера, нужно избавится от горизонтального скролинга "обрезав" ролик по краям, точнее обрезав слой содержащие этот ролик. На данный момент слой контейнер такой: width: 100%; overflow: hidden; Ролик обрезается, но только с правой стороны. Хочется добиться эффекта как при background: center когда фон блока обрезается с обоих сторон. Осуществимо ли это?

   Asked by weblad, September 13, 2009

   0 votes
   12 answers
9. Обрезать строку в ячейке таблицы

   Добрый вечер. Подскажите, пожалуйста, как обрезать строку в ячейке таблицы? Пробовал делать с помощью text-overflow: clip и overflow: hidden, но таблица растягивается и никакого обрезания, конечно же, не происходит. Вот код таблицы (прошу не пинать за указание ширины прямо в HTML): <table class="logs_list"> <tr> <td style="width: 20%">IP</td> <td style="width: 10%">Время</td> <td style="width: 5%">Запрос</td> <td style="width: 60%;">Страница</td> <td style="width: 5%">Ответ</td> </tr> <tr> <td>140.206.155.127</td> <td>00:54:00</td> <td>GET&lt…

   Asked by AlmazDelDiablo, April 7, 2013

   0 votes
   4 answers
10. обрезать текст в многострочном контейнере

    помогите пожалуйста обрезать текст в многострочном контейнере без применения js. важно чтобы текст обрезался многоточием здесь он обрезается потому что длина последнего слова больше длины блока. здесь я пытаюсь вставить много символов пробела, но не получается что ещё можно попробовать чтобы решить задачу? или она не решаема?

    Asked by cyklop77, December 24, 2014

    0 votes
    2 answers
11. Обрезать текст по вертикали

    Нужно чтобы текст обрезался по вертикали http://skrinshoter.ru/s/040718/dYPUy6EU и переполненное содержимое скрывалось overflow: hidden почему то не помогает https://codepen.io/anon/pen/yErxLY

    Asked by yaparoff, July 4, 2018

    • overflow
    0 votes
    3 answers
12. Обрезать текст по вертикали и добавить многоточие в конце

    Здравствуйте! Прошу помочь с такой проблемой. Нужно, чтобы в зависимости от величины заголовка - количества строк, которое он занимает, текст описания сокращался-увеличивался. Если полностью не влазит - в конце добавлялось многоточие. Блок обёртки фиксированной высоты, а блоки с заголовком и описанием тянутся. Спасибо.

    Asked by Torawhite, August 23, 2015

    0 votes
    4 answers
13. Обрезать текст по высоте.

    Приветствую, подскажите друзья как быть, представим, что есть новость, высота блока новости 40px. Нужно сделать так, что текст обрезался не по ширине в одну строчку, а по высоте и в конце ставил троеточие, как это можно сделать используя text-overflow. http://htmlbook.ru/css/text-overflow тут описан способ обрезки текста в строчку без переносов, что мне не подходит.

    Asked by papay, May 24, 2016

    • text-overflow
    0 votes
    3 answers
14. Обрезать флешку с двух концов под разрешение экрана

    Задача такая. Есть флешка с разрешением 1280, необходимо на разрешении 1024 выводить центр этой флешки, то есть как бы обрезать ее с двух концов и вывести только центр. Вопрос. При помощи CSS это возможно как то реализовать ?

    Asked by ArtOfHuman, November 19, 2008

    0 votes
    9 answers
15. Обрезаются ссылки с display:inline-block

    Для ссылки задал inline-block, в ie7 - inline, zoom:1. И вот что получается в ie7: как видно нет нижнего подчеркивания у нижней строчки, и буква обрезана. Что это за ерунда такая?

    Asked by bob_24, February 9, 2012

    0 votes
    1 answer
16. Обрезка Div Блока

    Подскажите, не знаю как сделать. Есть Два див блока. <div class="duvet"> </div><div class="sheet"></div>Для них стили .duvet { position: absolute; width: 400px; min-height: 440px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6); border-radius: 100%;}.sheet { border-radius: 100%; position: absolute; z-index: 3; width: 400px; height: 100px; height: auto; padding: 0; margin: 0 auto; background: rgba(255,255,255,1); background-repeat: round; box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}Требуется обрезать .sheet таким образом что бы…

    Asked by CrazyFox, May 8, 2014

    0 votes
    3 answers
17. Обрезка блоков

    Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?

    Asked by exoty, July 4, 2018

    1 vote
    2 answers
18. Обрезка изображений

    Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

    Asked by perec200, March 31, 2015

    • css
    • изображение
    0 votes
    1 answer
19. Обрезка изображения

    Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?

    Asked by _green, November 18, 2011

    0 votes
    2 answers
20. Обрезка изображения линиями

    Существует специальная функция которая рисует изображение drawImage и её перегруженный вариант которая делает обрезку изображения и принимает она 8 параметров. drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight); Можно ли как ни-будь сделать обрезку изображения не таким способом, а с помощью линий (lineTo). Вот сам код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Загрузка картинки</title> <script> var canvas, ctx, img; window.onload = function() { canvas = document.getElementById("drawingCanvas"); ctx = canvas.getContext("2d"); var img = new Image(); img.src = "img2.jpg"; img.onload = …

    Asked by Katerina23, August 13, 2017

    0 votes
    10 answers
21. Обрезка краев страницы

    Здравствуйте. У меня возникла следующая проблема: Страница сайта имеет жесткую табличную верстку шириной 1680px. Если использовать разрешение экрана 1680px или выше страница отображается строго по центру. (margin:0 auto;) Но если использовать разрешение ниже 1680px страница прилипает к левому краю, обрезая правую часть (с полосой прокрутки или без - неважно). Задача следующая: Нужно сделать так, чтобы при любом разрешении ниже 1680px страница обрезалась равномерно с обеих сторон.(без сужения и уменьшения элементов - просто обрезалась). Полоса прокрутки не нужна. Можно ли такого добиться? Заранее спасибо.

    Asked by extrasens, February 19, 2014

    0 votes
    3 answers
22. Обрезка лишнего текста

    Всем привет! Нужно сверстать вот такой вот блок с текстом И нужно поставить "обрезание" текста в случае если комментарий будет больше 3-х рядков Вот что у меня получилось Как же его правильно сделать ?

    Asked by angangell, August 18, 2015

    0 votes
    17 answers
23. Обрезка фона блока при уменьшении размера экрана

    Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?

    Asked by Alisa1711, May 22, 2018

    • html
    • css
    0 votes
    3 answers
24. Обрезка фоновых изображений

    Здравствуйте! У меня проблема в IE6. На сайте: http://egozavr2.saitos.info/ на главной странице некорректно отображаются левый и правый фоновые изображения, их обрезает центральный логотип. В остальных браузерах, в том числе и в IE7, отображается нормально. Вот исходный код: <div id="lmain"> <div id="rmain"> <div id="maindiv"> </div> </div> </div> CSS: #lmain { background: url('../images/leftmain.png') no-repeat; position: relative; } #rmain { background: url('../images/rightmain.png') no-repeat; background-position: right; text-align: center; position: relative; } #main { margin: 0 auto; } #maindiv { position: relativ…

    Asked by silverlight90, October 8, 2010

    0 votes
    1 answer
25. обрыв фона

    уважаемые знатоки, помогите пожалуйста исправить ситуацию. при увеличении масштаба страницы (ctrl + колесико мыши)точечный фон контейнера .box_2 не продолжается до подвала. а хотелось бы чтобы продолжался

    Asked by cyklop77, March 5, 2012

    0 votes
    8 answers