Jump to content

Ultran

Newbie
  • Posts

    7
  • Joined

  • Last visited

Everything posted by Ultran

  1. А можно пожалуйста поподробнее? А то плохо понял... Если Вас не затруднит, приведите пожалуйста пример кода
  2. Здравствуйте! Подскажите пожалуйста... Мне на сайте необходимо сделать плавающую панель с кнопками социальных сетей. На подобие сервиса Share42, но не совсем. Дело в том, что кнопки должны вести на мои профили в социальных сетях, а не опубликовывать ссылку на страницу в них. Поискал в интернете - ничего путного не нашел. Слышал, что такое можно сделать средствами CSS + Javascript. Но не знаю как. По сути нужно создать небольшую узенькую панельку слева, которая будет как-бы прикреплена к левой части экрана, либо будет скролировать при пролистывании странички. Подскажите пожалуйста, как такое реализовать?
  3. Здравствуйте! Не получается разместить несколько изображений в строчку. Точнее должно быть 2 строки по 3 изображения в каждой. Расстояние между изображениями - 5 px. Сейчас выглядит вот так: Прошу сильно не пинать, еще только учусь. Вот код файла index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Главная страница | Мануфактура Италия</title> <meta name="keywords" content="мануфактура италия, дизайн мебель, двери, кухни, столешницы, фасады, шкафы шпон, панели 3d мдф, лепной декор, фасадный декор, паркет, каменный шпон, декор акрил anli, панели sibu, реставрация, калининград, уральская, мега-маркет, мега-мебель" /> <meta name="description" content="Мануфактура-Италия - Калининградская фирма ООО Дизайн-Мебель рада предоставить Вам двери, кухни, столешницы, фасады, шкафы шпон, панели 3D МДФ, лепной декор, фасадный декор, паркет, каменный шпон, декор Акрил Anli, панели Sibu и многое другое" /> <link rel="stylesheet" href="css/style.css"> <link rel="shortcut icon" href="favicon.ico"> <!--[if lte IE 6]><link rel="stylesheet" href="css/style-ie.css" type="text/css" media="screen, projection" /><![endif]--> </head> <body> <div id="wrapper"> <header id="header"> <a href="index.html"><img src="images/logo.png" height="250" alt="Логотип Манууфактура Италия" /></a> </header><!-- #header--> <section id="middle"> <div id="container"> <div id="content"> <h1>Главная страница</h1> <p>Добро пожаловать в <strong>«Мануфактуру Италия»</strong> где в одном салоне предоставляется уникальная возможность самостоятельно получить широкий комплекс услуг по обустройству интерьера Вашего жилища. Здесь под одной крышей собраны самые лучшие фабрики по производству дверей, мебельных фасадов, акриловых и интерьерных 3D панелей, необычных элементов для дизайна, паркет и конечно же кухни, мебель для гостиных, спален и ванных комнат.</p> <p>Собственные профессиональные дизайнеры компании, а так же опытные монтажные и отделочные бригады с легкостью воплотят в жизнь любую Вашу идею.</p> <p>Теперь и Вы можете знать, что элитная мебель и предметы интерьера по индивидуальному заказу есть и в г. Калининграде.</p> </div><!-- #content--> </div><!-- #container--> <aside id="sideRight"> <img src="images/tile.jpg" alt="Двери, ручки" class="tile" /><img src="images/tile.jpg" alt="Двери, ручки" class="tile" /><img src="images/tile.jpg" alt="Двери, ручки" class="tile" /> </aside><!-- #sideRight --> </section><!-- #middle--> <footer id="footer"> <div id="footer-logo"><a href="http://tomin.pro"><img src="images/tominpro-white.png" alt="Разработано TOMIN.PRO" /></a> <a href="http://www.w3.org/TR/html5/"><img src="images/html5.png" alt="Написано на HTML5" /></a></div> </footer><!-- #footer --> </div><!-- #wrapper --> </body> </html> А вот CSS style.css: @font-face { font-family: 'Didact Gothic'; font-style: normal; font-weight: 400; src: local('Didact Gothic'), local('DidactGothic'), url(http://themes.googleusercontent.com/static/fonts/didactgothic/v4/v8_72sD3DYMKyM0dn3LtWrBIwK9fI-wEnHgeOSrerqs.woff) format('woff'); } * { margin: 0; padding: 0; } header, nav, section, article, aside, footer { display: block; } body { background: #000000; color: #ffffff; font-family: Didact Gothic; } a { color: #ffffff; outline: none; text-decoration: underline; } a:hover { text-decoration: none; color: #ffffff; } p { margin: 0 0 18px; } h1, h2, h3, h4, h5, h6 { font-family: Didact Gothic; color: #ffffff; text-transform: uppercase; margin: 0 0 18px; } img { border: none; } input { vertical-align: middle; } .tile { margin-right: 5px; margin-bottom: 5px; } #wrapper { min-width: 800px; max-width: 1920px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 250px; background: #000000; } /* Middle —————————————————————————--*/ #middle { border-right: 471px solid #000000; height: 1%; position: relative; } #middle:after { content: ''; clear: both; display: table; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 40px; text-align: justify; } /* Sidebar Right —————————————————————————--*/ #sideRight { float: right; margin-right: -250px; width: 250px; position: relative; background: #000000; } /* Footer —————————————————————————--*/ #footer { height: 100px; background: #000000; margin: 20px 20px 0 0; } #footer-logo { text-align: right; } Подскажите пожалуйста, как разместить изображения так, как мне требуется? Заранее всем спасибо!
  4. Понял, что сокращать до вида: <link rel="shortcut icon" href="/favicon.ico"> можно Ребят, всем большое спасибо за помощь
  5. Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy