проблема с border

Daniyar · November 7, 2017

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Iphone</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<header>
		<div class="conteiner clearfix">
			<div class="logo">
				<a href="#">Smallapps</a>
			</div>
			<div class="nav">
				<ul>
					<li>
						<a href="#">Home</a>
					</li>
					<li>
						<a href="#">Features</a>
					</li>
					<li>
						<a href="#">Screenshot</a>
					</li>
					<li>
						<a href="#">Gallery</a>
					</li>
				</ul>
			</div>
			<div class="adress">
			<p class="phone"><img src="img/phone.png"><a>800-123-456</a></p>
			<p class="email"><img src="img/email.png"><a>smallapps@gmail.com</a></p>
			</div>
		</div>
	</header>
	<section class="slider">
	<div class="conteiner clearfix">
		<h1 class="perf">Perfect app landing page</h1>
		<h2 class="duis">Duis bibendum diam</h2>
		<p>Donec elementum mollis magna id aliquet. Etiam eleifend urna eget sem</br> sagittis feugiat. Pellentesque habitant morbi tristique senectus et</br> netus et malesuada fames ac turpis egestas.</p>
		<a class="button" href="#">download</a>
	</section>
</body>
</html>

@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
body{
	font-family: 'Montserrat Alternates', sans-serif;
}
.conteiner{
	width: 1170px;
	margin:0 auto;
}
.logo{
float: left;
margin-top: 20px;
display: block;
}
.logo a{
	text-decoration: none;
	font-weight: bold;
	font-size: 36px;
	color:#3c3d42;
}
.nav ul a{
	text-decoration: none;
	font-size: 14px;
	float:left;
	color: #3c3d42;
	margin-right: 30px;
}
.nav li{
	float: right;
}
.nav{
	float: left;
	display: block;
	margin-left: 40px;
	margin-top: 35px;
}
.phone{
	display: block;
	float: right;
	font-size: 18px;
	margin-top: 34px;
}
.phone img{
	margin-right: 10px;
}
.phone a {
	color: #3c3d42;
}
.email{
	display: block;
	float: right;
	margin-right: 40px;
	margin-top: 32px;
}
.email img{
	margin-right: 10px;
}
.email a {
	color: #3c3d42;
}

.slider{
	display: block;
	background: url(img/bg.png);
	margin-top: 43px;
	padding:180px 0 ;
}
.perf{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	display: block;

}
.duis{
	font-size: 36px;
	font-weight: lighter;
	color: #fff;
	line-height: 50px;
}
.slider p{
	color: #7cacb6;
	font-size: 14px;
	line-height: 20px;
}
.button{
	display: block;
	margin:50px 0 0 60px;
	width: 240px;
	border-style: solid;
	height: 100px;
}

Не работает рамка на ссылку вообще где может быть ошибка

Edited November 8, 2017 by Daniyar

IvanRu08 · November 7, 2017

4 часа назад, Daniyar сказал:

Что здесь не так

Я думаю вы нам должны рассказать, что здесь не так и какого результата вы хотите добиться. А мы сообщество постарается помочь

И выкладывайте исходный код по возможности на http://jsfiddle.net. Потому что мало кто будет разбираться в неотформатированном коде, как у вас

Sign In

проблема с border

Question

Daniyar

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

IvanRu08

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information