pavlovda
-
Posts
9 -
Joined
-
Last visited
pavlovda's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте участники форума, помогите с решением такого вопроса: нужен плагин, который после заполнения формы будет выводить информацию в виде таблицы, с последующей возможностью её редактирования. пример таблицы можно посмотреть по ссылке http://fpri.ru/ipc/nominatsii/nominatsya-33 P.S. Если что-то в оформлении темы сделал не так прошу не удалять.
-
Здравствуйте участники форума обращаюсь с таким вопросом: решил проверить на валидацию код одного из онлайн генераторов свойств CSS3?, а именно генератор градиентов https://www.cssmatic.com/gradient-generator В итоге в сгенерированном коде оказалось куча ошибок, подскажите с чем это может быть связано и стоит ли добиваться 100% валидации html и css? За любые советы и наставления буду благодарен. Заранее спасибо.
-
Здравствуйте участники форума обращаюсь с таким вопросом: Решил сверстать небольшой примерчик и столкнулся с такой проблемой фоновый цвет блока вылезает за границы картинки снизу, хотя высота блока в css не была задана в чем проблема не пойму, В прикрепленном файле исходники. Подскажите решение заранее спасибо project.rar
-
Здравствуйте участники форума вот такой вопрос: объясните почему не срабатывает псевдокласс first-child исходные коды прилагаю ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <img src = "img/post-img.jpg" alt = "" /> <p> Ut wisi enim ad minim veniam, quis nostrud exerci tation </p> <p> Duis autem vel eum iriure dolor in hendrerit in vulputate velit diam voluptua. At vero eos et accusam esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto. </p> <p> Odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. </p></div></body></html>* {margin: 0 ;padding: 0 ;}ul{list-style-type: none ; }img {border: none ;}.karkas p {font-family: Areal ;font-size: 20px ;color: skyblue ;}.karkas p:first-child{color: orange ;}При этом если убрать из примера картину, то все отрабатывает нормально как положено. Объясните в чем проблема.
-
Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img3.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> </div>отступ нужно убрать у div, находящегося в последнем блоке с классом news css код .news-main{width: 100% ;overflow: hidden ;margin-bottom: 70px ; }.news {float: left ; width: 33.33% ;}.news div{padding-right: 15px ;}.news div img {margin-bottom: 5px ;}.news div h3{font-size: 18px ; color: #444444 ;margin-bottom: 5px ;}.news div p.preview{font-size: 12px ; color: #444444 ;text-align: justify ;}Пробовал использовать псевдоэлементы last-child ничего не вышло/ В чем проблема не пойму.
-
Здравствуйте участники форума помогите с таким вопросом создал небольшой пример, код которого приведу ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <div class = "orange yellow"> </div></div></body></html>* {margin: 0 ;padding: 0 ;}ul{list-style-type: none ; }img {border: none ;}div{margin: 0 auto ;width: 400px ;height: 400px ;}.orange{background: orange ;}.yellow{background: yellow ;}В данном варианте все отрабатывает отлично, как нужно. Но если классы в div поменять местами ничего не происходит, при этом если изменить последовательность классов в CSS файле все также работает нормально. Поясните в чем проблема, может я чего-то в теории не понимаю
-
Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}
-
Задавал float контенту не помогло
-
Здравствуйте участники форума помогите новичку с такими вопросами, решил сделать двухколоночный резиновый макет, код которого приведу ниже все получилось нормально, но если поменять блоки местами все съезжает не могу понять почему.Разъясните что я сделал неправильно. И еще вот такой вопрос в некоторых источниках пишут, что нельзя задавать фиксированную высоту элемента насколько это правильно выскажите свое мнение <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style> * { margin: 0 ; padding: 0 ; } .main { width: 1200px ; overflow: hidden ; margin: 0 auto ; } .left-bar { float: left ; width: 250px ; min-height: 250px ; background: skyblue ; } .content { background: orange ; } </style></head><body><div class = "main"> <div class = "left-bar"> <p>left-bar</p> </div> <div class = "content"> <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p> </div></div></body></html>Если поменять местами блоки content и left-bar все съезжает не пойму, где ошибка