Форум Сайтостроение Веб-строительство

Нужна помощь с HTML

Ярило
На сайте с 25.04.2017
Offline
36
Ярило
643

Добрый день! Я далёк от программирования, путаюсь сделать страницу, но выходит все криво =(

Хочу сделать:

[Картинка] текст (справа от картинки)

[картинка] [картинка] [картинка]

текст (под 3мя картинками по ширине)

[картинка] текст (справка от картинки)

п.с. доступа к стилям нету... 

<div class="news-list">

<p><center><h1>ТЕКСТ ЗАГОЛОВКА</h1></center></p>

<p>МНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТА</p>

<p><center><h2>ТЕКСТ ВТОРОГО ЗАГОЛОВКА</h2></center></p>

<p><img src="images/pov_img_1.png" alt="подсказка" width="150" height="150" align="left" >Текст</p>

<p><ul>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

</ul></p>



<img src="images/pov_img_2.png" alt="подсказка" width="150" height="150">
Aisamiery
На сайте с 12.04.2015
Offline
293
Aisamiery
#1

Как это нету? стили можно писать 3 способами:

1) В отдельном файле доступа к которому у вас видимо нет

2) Прям на странице внутри тега <style></style> (теги то есть возможность указывать?)

3) Инлайн у элемента. Есть атрибут style, то есть можно писать так <p style="...тут стили элемента"></p>

Дерзайте

---------- Добавлено 14.09.2017 в 15:54 ----------

ну и пара советов:

1) Не пишите теги прописными буквами

2) Не используйте устаревшие теги

3) Не вкладывайте списки в параграфы

4) Вкладывайте все строчные элементы в блочные, не делайте их в подвешанном состоянии

Разработка проектов на Symfony, Laravel, 1C-Bitrix, UMI.CMS, OctoberCMS
volkovysk
На сайте с 06.05.2011
Offline
74
volkovysk
#2

Как вариант, сделать табличную вёрстку и не мучаться. 


<p><center><h1>ТЕКСТ ЗАГОЛОВКА</h1></center></p>

<p>МНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТА</p>



<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr><td colspan="2">

<center><h2>ТЕКСТ ВТОРОГО ЗАГОЛОВКА</h2></center>

</td></tr>

<tr><td valign="top" width="170">

<img src="images/pov_img_1.png" alt="подсказка" width="150" height="150">

</td><td>

<p>Текст</p>

<ul>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

<Li>Текст</Li>

</ul>

</td></tr>

</table>

<br>



<table width="100%" border="0" cellspacing='0' cellpadding='0'>

<tr align="center"><td>

<p><img src="images/pov_img_2.png" alt="подсказка" width="150" height="150"></p><p>Текст</p>

</td><td>

<p><img src="images/pov_img_2.png" alt="подсказка" width="150" height="150"></p><p>Текст</p>

</td><td>

<p><img src="images/pov_img_2.png" alt="подсказка" width="150" height="150"></p><p>Текст</p>

</td></tr>

</table>
igor3310
На сайте с 27.02.2011
Offline
138
igor3310
#3

Скачайте Бутстрап и на его основе верстайте , + еще адаптивным будет верстка

Веб разработка WordPress, OpenCart, Modx Revo и прочее - https://searchengines.guru/ru/forum/1040224
FladeX
На сайте с 07.11.2008
Offline
163
FladeX
#4

Вот правильная вёрстка: 

<h1 style="text-align: center;">ТЕКСТ ЗАГОЛОВКА</h1>

<p>МНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТАМНОГО ТЕКСТА</p>

<h2 style="text-align: center;">ТЕКСТ ВТОРОГО ЗАГОЛОВКА</h2>

<p><img src="images/pov_img_1.png" alt="подсказка" width="150" height="150" align="left" style="float: left;" />Текст</p>

<ul style="clear: both; column-count: 3;">

<li>Текст</li>

<li>Текст</li>

<li>Текст</li>

</ul>

<p><img src="images/pov_img_2.png" alt="подсказка" width="150" height="150" style="float: right;" />Текст</p>
Услуги посредника на бирже контента: информационные статьи 40₽/1000, «продающие» тексты 50₽/1000. Пишите в личку. Помогаю правильно переехать на https (/ru/forum/973447). Подписывайтесь на мой канал в телеграм: https://t.me/fladex (https://t.me/fladex).
H
На сайте с 01.04.2014
Offline
571
Had
#5

Намо Эдитор очень хорошая прога. Есть визуальный редактор в нём, нажимаете кнопочки и всё как Вам нужно.

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