Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

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

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

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

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

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

Я наверное табличкой не делал бы. Не люблю я таблички. Сделал бы как-то так:
Код:

<!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, 13:37   #4
Mrg.Dweller
Новичок
 
Регистрация: 02.08.2018
Сообщений: 2
Репутация: 10
По умолчанию

Цитата:
Сообщение от 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, 18:38   #5
R71MT
Профессионал
 
Аватар для R71MT
 
Регистрация: 16.06.2011
Сообщений: 1,230
Репутация: 1048
По умолчанию

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

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

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

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

Я к гридам неровно дышу последнее время, на них бы делал =)
__________________
Работаю. В этот раз за деньги.
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

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


15:07.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru