Наши новости:

14-дек	Добавлена поддержка utf8mb4
24-апр	Telegram группа
10-апр	Обновление PHP
11-апр	Раздача читов

Создание, настройка и продвижение counter-strike 1.6 серверов > PHP-скрипты, оформление и веб-дизайн > Вопросы и помощь по скриптам и оформлению > Как поставить рядом (html)

[РЕШЕНО]

Как поставить рядом (html)

, две картинки с сылами,астоят друг под другом ( [РЕШЕНО]

Опции

shram47

27.12.2015, 14:15

Сообщение #1

Стаж: 10 лет
Город: Москва

Сообщений: 222
Благодарностей: 68
Полезность: 173

скриншот

код

Код:

	<div class="welcome_message">
		<h4>Counter-Strike 1.6 Non Steam</h4>
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 	<head>
 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 		<title>Скачать Counter-Strike 1.6</title>
 	</head>
   <body>
   		<div class="conteiner"><p><a href="http://*****.**/cs16_rus.exe"><img src="/files/files/cswin7.png" width="" height="" border="0" alt="CSWin7,8,10"></a></p><p><a href="http://****.**/cs16_original.exe"><img src="/files/files/cswinxp.png" width="" height="" border="0" alt="CSWinXP"></a></p></div>
   </body>
 </html>
	</div>

Как поставить их рядом друг с другом?

Отредактировал: shram47, - 27.12.2015, 14:18

Enough to hope for someone's help, I will do it myself and I will not ask anyone. I cope with children and can cope with amxx :thank_you:

voed	27.12.2015, 14:26 Сообщение #2
Стаж: 11 лет Сообщений: 2593 Благодарностей: 1760 Полезность: 405	Это нужно делать разметкой, а не картинкой. Пробуйте display:inline-block
	Поблагодарили 1 раз Поблагодарили 1 раз Bloo

Bloo	27.12.2015, 14:29 Сообщение #3
Стаж: 12 лет Сообщений: 15547 Благодарностей: 6971 Полезность: 1206	shram47, зачем сылки в параграфах? Зачем head и body в div? Что doctype делает в body? o0 Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Скачать Counter-Strike 1.6</title> </head> <body> <div class="welcome_message"> <h4>Counter-Strike 1.6 Non Steam</h4> <div class="conteiner"> <a href="http://***./cs16_rus.exe"><img src="/files/files/cswin7.png" width="" height="" border="0" alt="CSWin7,8,10"></a> <a href="http://**./cs16_original.exe"><img src="/files/files/cswinxp.png" width="" height="" border="0" alt="CSWinXP"></a> </div> </div> </body> </html>
	Поблагодарили 0 раз Поблагодарили 0 раз

Bloo	27.12.2015, 14:41 Сообщение #4
Стаж: 12 лет Сообщений: 15547 Благодарностей: 6971 Полезность: 1206	Ну а вообще лучше конечно и правда не картинкой, а стилями Стилями Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Скачать Counter-Strike 1.6</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <style> .button { font-family: Arial, Sans-Serif; font-size: 18px; font-weight: bold; background-color: #327CC5; padding: 15px; margin-left: 5px; text-decoration: none; color: #fff; border: 1px solid #fff; } .button:after { content: "\f13a"; font-family: FontAwesome; font-size: 18px; font-style: normal; font-weight: normal; text-decoration: inherit; position: relative; left: 5px; } </style> </head> <body> <div class="welcome_message"> <h4>Counter-Strike 1.6 Non Steam</h4> <div class="conteiner"> <a class="button" href="http://***./cs16_rus.exe">Скачать с сайта Win 7-10</a> <a class="button" href="http://**./cs16_original.exe">Win XP</a> </div> </div> </body> </html>
	Поблагодарили 0 раз Поблагодарили 0 раз

shram47

27.12.2015, 15:06

Сообщение #5

Стаж: 10 лет
Город: Москва

Сообщений: 222
Благодарностей: 68
Полезность: 173

В общем сделал вот так вот:D

Сделал так

Код:

<div class="welcome_message">
			<h4>Counter-Strike 1.6 Non Steam</h4>
	<center>
			<img src="/files/files/check_antivirus.png" alt="проверенно антивирусами">
		<hr style="width:400px" class="wm-gr">
	<div class="btn-group">
				<a style="border-radius:3px 0px 0px 3px; border:1px solid; padding:20px" href="http://****.**/cs16_rus.exe" class="btn btn-primary"><h4>Скачать с сайта WIN 7-10<i class="icon-download icon-white" style="margin:3px"></i></h4></a>
				<a style="border-radius:0px 3px 3px 0px; border:1px solid; padding:20px" href="http://*****.**/cs16_original.exe" class="btn btn-primary"><h4>WIN XP <i class="icon-download icon-white" style="margin:3px"></i></h4></a>
		</div>
	</center>
		</div>

Enough to hope for someone's help, I will do it myself and I will not ask anyone. I cope with children and can cope with amxx :thank_you:

« Предыдущая тема · Вопросы и помощь по скриптам и оформлению · Следующая тема »

0 пользователей и 1 гостей читают эту тему:

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Сообщить другу · Версия для печати