Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 02.08.2018, 17:49   #1
Mrg.Dweller
Новичок
Джуниор
 
Регистрация: 02.08.2018
Сообщений: 2
По умолчанию Проблема с реализацией HTML+CSS

Добрый день, существует задача сделать такой блок лендинга как во вложеном мною файле. Как правильно реализовать эту задачу через чистый html+css?
Изображения
Тип файла: jpg 1.jpg (42.6 Кб, 147 просмотров)
Mrg.Dweller вне форума Ответить с цитированием
Старый 03.08.2018, 10:04   #2
R71MT
Участник клуба
 
Аватар для R71MT
 
Регистрация: 16.06.2011
Сообщений: 1,428
По умолчанию

Цитата:
Сообщение от Mrg.Dweller Посмотреть сообщение
Проблема с реализацией HTML+CSS
а в чём проблема-то? создать табличку и заполнить её?
Нашедшего выход - затаптывают первым..
R71MT вне форума Ответить с цитированием
Старый 03.08.2018, 10:51   #3
Javany
Пользователь
 
Регистрация: 15.05.2018
Сообщений: 75
По умолчанию

Я наверное табличкой не делал бы. Не люблю я таблички. Сделал бы как-то так:
Код:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
	h1,p{
		text-align: center; 
	}
	span{
		text-align: right;
		float: left;
		font-weight: bold;
	}
	
	img{
		border-radius: 50%;
		width: 10%;
	}

</style>

<body>
	<h1>about us</h1>
	<p>tra la-la</p>

		<span> july 2010
		<br>
		Our Humble Begining 
		</span>
		<img src="1.jpg">
</body>
</html>
Ну и так далее. Только css в отдельный файл и линком подключить.
А вообще попробуйте сами хоть немного написать, если не получится, выложите свои попытки сюда, так Вам быстрее помогут.
Не задавай вопрос, если не знаешь что делать с ответом...
Javany вне форума Ответить с цитированием
Старый 03.08.2018, 12:37   #4
Mrg.Dweller
Новичок
Джуниор
 
Регистрация: 02.08.2018
Сообщений: 2
По умолчанию

Цитата:
Сообщение от Javany Посмотреть сообщение
Я наверное табличкой не делал бы. Не люблю я таблички. Сделал бы как-то так:
Код:
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
	h1,p{
		text-align: center; 
	}
	span{
		text-align: right;
		float: left;
		font-weight: bold;
	}
	
	img{
		border-radius: 50%;
		width: 10%;
	}

</style>

<body>
	<h1>about us</h1>
	<p>tra la-la</p>

		<span> july 2010
		<br>
		Our Humble Begining 
		</span>
		<img src="1.jpg">
</body>
</html>
Ну и так далее. Только css в отдельный файл и линком подключить.
А вообще попробуйте сами хоть немного написать, если не получится, выложите свои попытки сюда, так Вам быстрее помогут.
Спасибо за ответ. Проблема именно с позиционированием картинки по центру а текста относительного его слева или справа. Вот моя основная проблема.
Mrg.Dweller вне форума Ответить с цитированием
Старый 03.08.2018, 17:38   #5
R71MT
Участник клуба
 
Аватар для R71MT
 
Регистрация: 16.06.2011
Сообщений: 1,428
По умолчанию

Цитата:
Сообщение от Mrg.Dweller Посмотреть сообщение
Вот моя основная проблема.
свою проблему знаешь только ты - говори её

нарисовать твою праблу можно по разному,

детский сад, и нужен отдельный раздел
Нашедшего выход - затаптывают первым..

Последний раз редактировалось Вадим Мошев; 04.08.2018 в 14:14.
R71MT вне форума Ответить с цитированием
Старый 06.08.2018, 08:00   #6
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Я к гридам неровно дышу последнее время, на них бы делал =)
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
HTML и CSS проблема со шрифтами и кнопками PivovaroffRoman Помощь студентам 0 19.11.2016 15:13
HTML, CSS - Управление CSS анимацией HTML+CSS+JS dobryc HTML и CSS 1 18.11.2014 05:58
проблема с реализацией KSUwa Помощь студентам 3 12.11.2010 18:18
проблема с реализацией многопоточности в c# whitebrain Помощь студентам 0 19.03.2010 01:23
Проблема с реализацией потока InseR Общие вопросы Delphi 11 19.08.2008 12:20