Задать вопрос

Name Surname

Человек который смог.
Комментарии

  • Как установить карту на сайт с балуном на конкретной позиции?

    @Uspeshnyy_Programmist Автор вопроса
    Спасибо большое, сейчас посмотрю.
    Написано

  • Задний фон налезает на картинки, что делать?

    @Uspeshnyy_Programmist Автор вопроса
    Rsa97, https://jsfiddle.net/35cdv4yx/3/,
    Ширину и высоту блоков я добавил, так как у картинок их нет
    Написано

  • Центрирование блока, миф или правда?

    @Uspeshnyy_Programmist Автор вопроса
    Добрый день, скинь свою электронку или ссылку в любой соц сети
    Написано

  • Медиазапросы, с чего начать?

    @Uspeshnyy_Programmist Автор вопроса
    BigSmoke, это чистый код без них, они у меня не получились, и я как бы заново стараюсь их сделать, вот для этого совет нужен и был
    Написано

  • Медиазапросы, с чего начать?

    @Uspeshnyy_Programmist Автор вопроса
    Моей задачей было корректно отобразить див с классом "chield" при изменении ширины, поиграться со шрифтами, при том же уменьшении, но у меня это не получилось, если задаешь минимальную ширину, он до определенного момента неприятно ( визуально) статичен, а после рывком растягивается, но не так как бы хотелось.... явно я что-то делаю не так

    <!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="c2.css">
  <link rel="stylesheet" type="text/css" href="normalize.css">
  <meta charset="utf-8">
  <title>Iphone</title>
</head>
<body>

  <!-- fixed_bar_start-->
  <div class="inline_meny">
      <ul>
        <li><a href="addd">MAC</a></li>
        <li><a href="addd">iPhone</a></li>
        <li><a href="addd">iPad</a></li>
        <li><a href="addd">Watch</a></li>
        <li><a href="addd">TV</a></li>
        <li><a href="addd">Аксессуары</a></li>
        <li><a href="addd">Ремонт</a></li>
        
      </ul>
  </div>
    <!-- fixed_bar_end-->

    <!-- a_cap_start-->
  <div class="qwe">
    <div class="chield" >
        <h1 class="text">Вас приветствует<br>iHome</h1>
      <div class="text_box">
        <p>Компания iHome специализируется на оптовой и розничной торговле оригинальной продукции Apple. С нами вы будуте уверены в том, что покупаете по-настоящему качественный товар- предоставляем гарантию,  сертификаты и сервисное обслеживание.</p>
        <p>Мы не просто продаём технику, мы всегда готовы помочь вам с выбором, дать подробности по каждому товару. Не знаете, какой гаджет подойдет ли вам лучше всего? Обращайтесь - подберем для вас устройство, которое будет на все 100% отвечать вашим запросам. </p>
      </div>
        </div>
  </div>
  <!-- a_cap_end-->

    html { 
	overflow-x: hidden; 
}
body{
	margin: 0px;
}
/*fixed_bar_start*/
.inline_meny{
	text-align: center;
	padding: 10px 0px;
	position: fixed;
	z-index: 101;
	width: 100%;
	background: grey;
}
.inline_meny li{
	margin: 10px;
}
/*fixed_bar_end*/

/*a_cap_start*/
.qwe{
	
	background-size: 100% 100%;
	background: yellow;
	background-repeat: no-repeat;	
}
.chield{
	word-wrap: break-word; 
	padding-top: 40px;
    margin: 0px 0px 20px 15%; 
    width: 40%;
    max-width: 500px;
    opacity: 0.7;
	filter: alpha(opacity=70);
	background: black;
}
.chield p{
	padding: 20px;
	color: white;	
}
.chield h1{
	font-size: 50px;
	color: white;
	text-align:left;
	padding:15px 0 15px 2%;
}
.text_box{
	line-height: 25px;
	font-size: 20px;
}
/*a_cap_end*/
    Написано

  • Почему текст вылезает за див?

    @Uspeshnyy_Programmist Автор вопроса 
    <div class="qwe">
    <div class="chield">
        <h1 class="text">Вас приветствует<br><span >iHome</span></h1>
      <div class="text_box">
        <p>Компания iHome специализируется на оптовой и розничной торговле оригинальной продукции Apple. С нами вы будуте уверены в том, что покупаете по-настоящему качественный товар- предоставляем гарантию,  сертификаты и сервисное обслеживание.</p>
        <p>Мы не просто продаём технику, мы всегда готовы помочь вам с выбором, дать подробности по каждому товару. Не знаете, какой гаджет подойдет ли вам лучше всего? Обращайтесь - подберем для вас устройство, которое будет на все 100% отвечать вашим запросам. </p>
      </div>
        </div>
  </div>


    .qwe{
	
	background-size: 100% 100%;
	background-image: url(cap.jpg);
	background-repeat: no-repeat;
	
}
.chield{
	padding-top: 40px;
    margin: 0px 0px 20px 20%; 
    width: 40%;
    opacity: 0.7;
	filter: alpha(opacity=70);
	background: black;
}
.chield p{
	padding: 20px;
	color: white;	
}
.chield h1{
	font-size: 50px;
	color: white;
	text-align:left;
	padding:15px 0 15px 2%;
}
.text_box{
	line-height: 25px;
	font-size: 20px;
    Написано