Jump to content

Мое первое творение=)

shtirlets96

By shtirlets96,
in Discussion of works

 Share

Recommended Posts

red4pony Explorer

red4pony

Posted
Posted

Таблицы не предназначены для верстки страниц. И судя по email'у на вашем сайте, вы не относитесь к той эпохе когда все верстали на таблицах. Попробуйте сделать по стандарту HTML5 (header, article, aside, section, footer).

Link to comment
Share on other sites
sashakee Explorer

sashakee

Posted
Posted (edited)
Попробуйте сделать по стандарту HTML5 (header, article, aside, section, footer)

Вот просто так взять на html5 и сделать не получится.)) Человек который сделал на таблицах сайт в 2013 г., врядле знает что- то о семантике. Лучше уж порекомендовать на дивах слепить, но уже второе творение. Будет опыт как у всех (почти).

Edited by sashakee
  • Like 1
Link to comment
Share on other sites
red4pony Explorer

red4pony

Posted
Posted

Вот просто так взять на html5 и сделать не получится.)) Человек который сделал на таблицах сайт в 2013 г., врядле знает что- то о семантике. Лучше уж порекомендовать на дивах слепить, но уже второе творение. Будет опыт как у всех (почти).

Ну так поможем:


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logo-bar">
<div class="home_page"></div>
<div class="logo">
<h1>Green Day</h1>
<h2>Unoficial fan site</h2>
</div>
<div class="smile"></div>
</div>
<ul class="main-menu">
<li><a href="#">Концерты</a>
<li><a href="#">История</a>
<li><a href="#">Музыка</a>
<li><a href="#">Ссылки</a>
<li><a href="#">Карта</a></li>
</ul>
<nav><a href="#">Главная</a></nav>
</header>
<article>
<div class="map-site"></div>
<div class="poster"></div>
</article>
<footer>
<ul class="f-menu">
<li><a href="#">Концерты</a>
<li><a href="#">История</a>
<li><a href="#">Музыка</a>
<li><a href="#">Ссылки</a>
<li><a href="#">Карта</a></li>
</ul>
<address>
<span class="copyright">Created by <span class="author">Phrolov Mikhail</span></span>
<span class="mail"><a href="mailto:shtirlets96@list.ru"></a>shtirlets96@list.ru</span>
</address>
</footer>
</body>
</html>

shtirlets96 сверстайте с помощью inline-block

Link to comment
Share on other sites
Int Explorer

Int

Posted
Posted

Окунулся в начало двухтысячных прямо. Это я про цвета. Да и вёрстка таблицами. Ностальгияяяя.

А где доктайп?

Почему пункты меню не реагируют на мышь?

И зачем меню дублируется снизу?

Link to comment
Share on other sites
Chupachups Explorer

Chupachups

Posted
Posted

Как ни странно 2-я работа новичка которую я сегодня смотрю и опять вёрстка таблицами, я конечно тоже новичок, но о табличной вёрстке даже и не думал)

Кстати да, меню не реагирует на мышь, что довольно таки не удобно.

Да и отцентрировать было бы не плохо, а то http://greenday.hut4.ru/logo2.gif как изгой смотрится)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept