Jump to content

Hosemose

Newbie
  • Posts

    6
  • Joined

  • Last visited

Hosemose's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Игорь, огромное спасибо! Все получилось.
  2. Добрый день! При изменение размера страницы, фоновый рисунок и нижний блок заходят друг за друга. Фон подстраивается под размер страницы ,так как не имеет размера ,а блок размером 1190 при прокрутки в право уходит за него. Хочу что-бы фон так же при изменение размера страницы сохранял свой размер. До изменения размера страницы: http://www.webfolder.ru/339992 Это уже при уменьшение размера страницы и смещение ползунка в право: http://www.webfolder.ru/339993 Прошу помощи, так как потратил уже более двух дней на решение данной проблемы((((( <html> <head> <meta charset="UTF-8" /> </head> <body> <link rel="stylesheet" type="text/css" href="style.css"> <div id="sitehead"> </div> <div class="blockwrap"> <div class="blockwrap1"> </div> <div class="blockwrap2"> </div> </div> </body></html>body { margin: 0; display: block;}#sitehead{ width:100%; height: 600px; background: url(img/headimg.jpg) no-repeat center; background-size: cover;}.blockwrap { width: 1190px; margin-right: auto; margin-left: auto;}.blockwrap1 { float: left; width: 590px; height: 500px; background:blue;}.blockwrap2 { float: left; width: 590px; height: 500px; background:blue;}
  3. Спасибо, есть такое: <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/ups.jpg" ><p>ИБП и альтернативные источники питания</p></a></div>
  4. Спасибо всем, помог совет модератора. Сделал так: #hmii-img {display: table-cell;height: 200px;width: 200px;} <div align="center"> <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/benz.jpeg" ><p>Бензиновые электростанции</p></div></a> <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/diesel.jpg" ><p>Дизельные электростанции</p></div></a> <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/gazoporshn.jpg" width="70%"><p>Газопоршневые электростанции</p></div></a> <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/gazturb.jpg" ><p>Газотурбинные электростанции</p></div></a> <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/zip.jpeg" ><p>Запчасти</p></div></a> <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/ups.jpg" ><p>ИБП и альтернативные источники питания</p></div></a> </div>
  5. <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <div align="center"> <form> <figure><p><img src="/images/iproduct/benz.jpeg" width="10%"></p> <figcaption>Группа</figcaption></figure> <figure><p><img src="/images/iproduct/diesel.jpg" width="10%"></p> <figcaption>Группа</figcaption></figure> <img src="/images/iproduct/gazoporshn.jpg" width="10%"> <img src="/images/iproduct/gazturb.jpg" width="12%"> <img src="/images/iproduct/zip.jpeg" width="12%"> <img src="/images/iproduct/ups.jpg" width="10%"> </form> </div> </div> </div>Все равно, сгруппированные картинки выстраиваются в столбец, а картинки без текста нормально строятся в ряд((((
  6. Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%"><p>Газопоршневые электростанции</p> <img src="/images/iproduct/gazturb.jpg" width="12%"><p>Газотурбинные электростанции</p> <img src="/images/iproduct/zip.jpeg" width="12%"><p>Запчасти</p> <img src="/images/iproduct/ups.jpg" width="10%"><p>ИБП и альтернативные источники питания</p> </form> </div> </div>#header-menu-i { position:absolute; padding-top:40px; padding-bottom:40px; left: 350px; width:100px; cursor: pointer; color: #434342; font-size: 20px; font-family: "FFDINWebProMedium", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}#header-menu-i-inner { position: fixed; top: 85px; left: 0px; background: #FFFFFF; width: 0px; height: 0px; font-size:0px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; }#header-menu-i:hover { } #header-menu-i:hover #header-menu-i-inner { height: 300px; width: 100%; font-size:20px; border-style: groove; }
×
×
  • 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