Search the Community
Showing results for tags 'проблема'.
Found 9 results
-
Проблема в следующем верстаю макет с PSD шаблона. Использую HTML и CSS. Прописал по порядку блоки Header. nav. main. в коде html. Добавил картинку и ссылки в блок header. открыл браузер что бы отобразить результат. и вижу. что блок main наехал на блок header. Вопрос: почему так получилось. Ведь одно из свойств блочных тегов - они начинаются с новой строки и занимают всю доступную ширину. (main. игнорирует свойство и не начинается с новой строки). как решить и почему произошло? Заранее благодарю всех за помощь Скрин прикрепляю. HTML <body> <header> <div class="logo"> <img src="..\matereal\images\logo.png" alt="logotip" class="logo__img"> </div> <nav> <a href="" class="nav" >home</a> <a href="" class="nav" >compane</a> <a href="" class="nav" >servise</a> <a href="" class="nav" >clients</a> <a href="" class="nav" >contacts</a> </nav> </header> <main> <div> <img src="" class="slaider" alt="slaider"> <p class="slaider__text__h1">веб-разработке\практика</p> <p class="slaider__text__h2"></p> </div> </main> <footer> </footer> CSS body { margin: 0; } header { margin: 0; border-top: 3px solid black; } .logo { margin:60,0,60,60; float: left; width: 49%; } nav { float: right; margin: 60,60,60,0; width: 51%; }
-
https://proverka1.000webhostapp.com/ На пк сайт отлично работает, а на сервере не запускает css файлы : wp-content/plugins/fullpage172/fullpage/nav/section/filled-circles.css@ver=2.9.2 ; Перерыл весь интернет и не нашел ответа.Помогите )
-
Почему при указании Font-size: 250px, текст занимает 289px. При верстке использую минифицированную версию Bootstrap 3. Текст отображается неправильно даже вне класса container .
-
Проблема в таблицах bootstrap, то есть таблица выводится вся и с bootstrap делиться на страницы для сокращения и удобства в использование! так вот есть в таблица, и в них, используются ссылки такого вида id (<a id="rank">rank</a>) при клике срабатывает скрипт, на главной странице где по стандарту 10 строк выводит все работает,но стоит перелистнуть страницу перестает работать,(так же с "user-table_length") остальные с помощью bootstrap перенесены на другие стр.. там id click не работает пример таблицы, может кто видел
-
Добрый день! Может кто нибудь объяснить мне, не смышленому верстальщику-новичку, как мне выравнить текст по центру картинок? Я уже все перепробывал,но что то не клеится(( на первом скрине я отразил суть проблемы, а на втором то, как это должно быть по макету! (я заменил одну картинку, т.к. это не особо важно, но сути это не меняет) в html я объединил это все (картинки\текст) в один див и дал ему класс. далее я дал класс всем текстовым материалам и ид для каждой картинки, дабы сделать более гибкую настройку, но все пошло не по плану. в CSS класс текста выглядит так: .contenttext { display: inline-block; font-family: 'Raleway', Arial, sans-serif; margin-top: 60px; font-weight: 500; font-size: 130%; } Видимо задавать margin-top: 60px; вообще лишнее, по скольку вместе с текстом перемещаются и картинки. Парюсь уже битый час над этим. Если кто сможет, подскажите, что можно предпринять для разрешения проблемы.
-
Дорогие друзья уже долго не могу наладить работу собственного шрифта. http://rmsgames.ru/6px2bus.ttf это путь к шрифту. Кодировка utf-8. Все делал по уроку с этого сайта. Вот кусок кода который у меня не работает. #test1 { @font-face font-family: bus; src: url(www.rmsgames.ru/6px2bus.ttf); font-size: 170%; font-family: 'Press Start 2P'; background: black; color: #bed143; text-decoration: green; /* Убираем подчеркивание */ border: none; outline: none; }
-
Проблема с отображением верстки под safari Суть проблемы: 1. Пациент - http://test.velesgodstudio.ru http://joxi.ru/36mqU_3JTJA7Y1Rnto8 - проблема При расширении экрана 1366 пикселей, фоновая картинка <div class="line-logo" style="background: url(images/wwb_img3.jpg); height: 103px; display: block; max-height: 103px;">.line-logo { width: 100%; background-image: url(../images/wwb_img3.jpg); background-repeat: repeat-x; background-size: cover; height: 103px; z-index: 10; margin-top: -10px;}С такими костылями, увеличивается в низ, в результате чего картинка лого, и список меню, выпадают с рамки. Уменьшаешь рамку браузера все стает на свои места, подскажите в чем ошибка и как исправить.
-
Здравствуйте! Потребовалось сверстать блок вот такого типа. 1 - плавающий блок с заголовком, неопределенной ширины, растягивается вправо и прижат к аватарке 3. Ширина не ограничена и зависит от того, что в нем написано. 2 - блок с кнопками управления своей учеткой, находится справа от блока 1, прижат к правому краю, НО если из-за длины блока 1 блок 2 не вмещается, он должен переместиться в место под аватаркой, отмеченное красным кругом. 3 - аватарка, у меня она с абсолютным позиционированием, положение блоков относительно ее регулируется пэддингом. Один из ключевых моментов - это резиновый макет, т.е. при увеличивании \ уменьшении окна браузера все должно работать корректно. Собственно, я не смог найти ничего более умного, кроме как определить через php длину заголовка 1 и проставить для блока 2 классы типа pull-left-768, pull-left-1199 и так далее, которые сдвигают при определенных ключевых точках этот блок в место, отмеченное кружочком. Поскольку макет сделан на бутстрапе, то это не сложно. Но решение получилось довольно костыльным и не без недостатков... поэтому у меня вопрос: как бы вы сделали подобный блок? На основании каких хаков \ приемов и т.п. И возможно ли вообще реализовать такое непростое поведение на чистом css? p.s. js я не применял, т.к. возможны артефакты при загрузке страницы. Буду благодарен за советы
-
Я пользуюсь windows XP и время от времени тестирую макеты в IE7. Я уже парочку макетов сверстал и везде одна и та же проблема: почему-то изображения в IE7 отображаются иначе, чем в Firefox, в результате элементы не совпадают. В Firefox такой проблемы нет. Сделал скриншот: Вопрос: в чем проблема? Как её решить?
