Hosemose
Newbie-
Posts
6 -
Joined
-
Last visited
Hosemose's Achievements
Explorer (1/14)
0
Reputation
-
Игорь, огромное спасибо! Все получилось.
-
Добрый день! При изменение размера страницы, фоновый рисунок и нижний блок заходят друг за друга. Фон подстраивается под размер страницы ,так как не имеет размера ,а блок размером 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;}
-
Выравнивание картинок с подписью по горизонтали
Hosemose replied to Hosemose's question in HTML Coding
Спасибо, есть такое: <div id="hmii-img"><a href="http://192.168.21.215/"> <img src="/images/iproduct/ups.jpg" ><p>ИБП и альтернативные источники питания</p></a></div> -
Выравнивание картинок с подписью по горизонтали
Hosemose replied to Hosemose's question in HTML Coding
Спасибо всем, помог совет модератора. Сделал так: #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> -
Выравнивание картинок с подписью по горизонтали
Hosemose replied to Hosemose's question in HTML Coding
<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>Все равно, сгруппированные картинки выстраиваются в столбец, а картинки без текста нормально строятся в ряд(((( -
Добрый день! Прошу помочь! Вставляю картинки в блок 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; }