Хочу создать сайт по продаже чего-нибудь. У меня получилось что то не так с тегом. Что делать?

Question

[Ренат]

Я использовал теги <left>, чтобы картинки были горизонтальными, но получилось так:
Как это исправить. Вот код

<div class="allbody">
			<p><center><a id="nocopy" class="tophref" href="index.html">Название</a></center></p>
			<p align="center" id="nocopy" class="bigtexts"><a href="#">Ссылка</a></p>
			<div id="nocopy" class="container">
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
				<a href=""><img src="" class="imgtop"></a>
			</div>

И css

.bigtexts {
	font-size: 30pt;
}

.allbody {
	margin-top: -40px;
	margin-left: 150px;
	margin-right: 150px;
	background-color: darkblue;
	height: auto;
	border-radius: 20pt;
	border: 2pt solid #0000FF;
	padding: 10px;
	color: white;
	width: auto;
	height: auto;
}

#nocopy {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.container {width:auto; margin: 0; padding: 0; color: #FFFFFF; height: auto; margin-right: 100px; margin-left: 100px;}

.imgtop {height: 200px; width: 160px; float: left; margin: 10px 30px;}

.tophref { cursor: pointer; color: white; font-size: 70pt; background: none; margin-top: 0px; height: auto; width: auto;}

.tophref:hover {color: blue; background: none;}

Comments

[Danny Arty]

Я использовал теги , чтобы картинки были горизонтальными, но получилось так

Так а что не так то? И что вы имеете в виду, чтобы картинки был горизонтальными? Может сделаете высоту 160, а ширину 200 и визуально будет выглядеть в альбомной ориентации, а не в книжной как сейчас

[Антон Литвиненко]

Вы вообще откуда взяли этот код?
устаревшие теги center и устаревший аттрибут align="center" 10 лет как не используются.
id может быть только одним на странице а тут их три
часть стилей вертикально, часть горизонтально.
В жизни не видел чтобы в цсс писали размеры шрифта в пунктах.
и самое непонятное, для чего отменять выделение?
Это мне напомнило как меня попросили проверить html который в гимназии задают, они друг у друга копируют, добавляют чтото свое, ничего при этом не понимая и выходить такая монструозная жуть, что я плакал)

PS нету такого тега left!

Answer 1

[Roman Grinberg]

float: left; не переворачивает вашу картинку на бок. Используйте transform: rotate(-90deg);