Как выровнять изображение логотипа и пункты меню в одну строку, не используя абсолютную позицию?

Question

Как выровнять изображение логотипа и пункты меню в одну строку, не используя абсолютную позицию?

ZIP - это формат контейнера, когда GZip является только потоковым форматом (используется для хранения одного файла). Вот почему при распаковке нового ZIP-файла вам нужно сначала начать запись (давая имя), а затем после закрытия закрыть эту запись перед закрытием контейнера. См. Пример здесь: https://www.programcreek.com/java-api-examples/?class=java.util.zip.ZipOutputStream&method=putNextEntry

0

css3 html5

задан Pushkal Singh 19 February 2019 в 14:20

1 ответ

score 0 · Answer 1

Объяснение в комментариях CSS, где вносятся изменения.

Присвойте высоту жатке
Делая высоту верхней части до 100%, чтобы она покрывала всю высоту жатки, можно соответственно отрегулировать.

Свойства, добавляемые в div с классом log

.top>.log{
height: 100%;
margin: 0;
width: 200px;
display: inline;
float: left;
}

.header{
	position:relative;
	margin:0;
	padding:0;
    height:30vh;/*giving height to header*/
}


.top{
	height:100%;/*making it to cover complete header*/
	border:1px solid #000;
}

.logo{
	height:100%;
	display:inline;
 
}
/* properties to be added to log div*/
.top>.log{
    height: 100%;
    margin: 0;
    width: 200px;
    display: inline;
    float: left;
}
.element{
    /*removing the clear property*/
	border:1px solid #000;
	float:left;
}
.leftc{
	display:inline;
}
.leftc li{
	list-style:none;
	display:inline-block;
}

.rightc{
	display:inline;
}
.rightc li{
	list-style:none;
	display:inline-block;
	
}

<html>
	<head>
		<title>Home</title>
		<link rel="stylesheet" type="text/css" href="style.css"/>
	</head>
	<body>
		<header class="header">
			<div class="top">
				<div class="log">
					<img src="http://thegamecorner.net/wp-content/uploads/2016/06/playstation-blue-background-logo-1920x1080-1.jpg" alt="logo" class="logo"/>
				</div>
				<div class="element">
					<ul class="leftc">
						<li><a href="index.html">Buy</a></li>
						<li><a href="index.html">Rent</a></li>
						<li><a href="index.html">Sell</a></li>
						<li><a href="index.html">Mortgages</a></li>
						<li><a href="index.html">Agent finder</a></li>
						<li><a href="index.html">More</a></li>
					</ul>
				</div>
				<div class="right">
					<ul class="rightc">
						<li><a href="#">List your rental</a></li>
						<li><a href="#">Advertise</a></li>
						<li><a href="#">Sign in</a></li>
						<li><a href="#">Join</a></li>
						<li><a href="#">Help</a></li>
					</ul>
				</div>
			</div>
		
		</header>
	
	
	
	</body>
</html>

[1114 ]

0

ответ дан Amitoj Singh Ahuja 19 February 2019 в 14:20

Как выровнять изображение логотипа и пункты меню в одну строку, не используя абсолютную позицию?

1 ответ

Похожие вопросы: