DariaYG

Изменить размер и перенести на правую сторону

Рекомендованные сообщения

Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так 1992279411_.thumb.png.039bba69e79df1bc704f2c6b900289ab.png а хочется вот так 132903304_.thumb.jpg.3e6833246e6bd929165304872cb104eb.jpg (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю.

(Типо код)

 

<html>
<head>
<meta charset="utf-8">
<title>Цветочный салон: Мираж</title>
<style>
   hr {
    border: none; 
    background-color: #CD5C5C; 
    color: red; 
    height: 3px; 
   }
  </style>
    <style>
      #navbar {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border: 2px solid #FF00FF;
        border-radius: 20px 5px;
        width: 550px;
        text-align: center;
        background-color: #8A2BE2;
      }
      #navbar li { display: inline; }
      #navbar a {
        color:     #800080;
        padding: 5px 10px;
        text-decoration: none;
        font-weight: bold;
        display: inline-block;
        width: 100px;
      }
      #navbar a:hover {
        border-radius: 20px 5px;
        background-color: #FFDAB9;
      }
    </style>

</head>
<body background='фон салона.jpg'>
<img src='верх.png' width=45% height=60% align='left'>
<img src='название.png' width=22% height=22% align='right'>
<hr>
<font color='#C71585' face='Mistral' size='5'><p align='center'>Цветочный салон "Мираж"</p>
<p align='center'><img src='труба.png' width=2% height=4% align='center'>+8(800)555-35-35</p></font>
<hr>
<ul id="navbar">
      <li><a href="#">Товары</a></li>
      <li><a href="#">Новости</a></li>
      <li><a href="#">Контакты</a></li>
      <li><a href="#">О нас</a></li>
    </ul>
</body>
</html>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Данная Вами вёрстка неактуальна для нашего времени!

Изучите основы html/css согласно новым стандартам.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
01.02.2019 в 23:17, decode сказал:

Данная Вами вёрстка неактуальна для нашего времени!

Изучите основы html/css согласно новым стандартам.

 

Что значит неактуальна?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
12.02.2019 в 14:23, rasmus сказал:

Что значит неактуальна?

Никто уже не использует лет 10, а то и больше:

  • атрибут background;
  • атрибут align;
  • тег font;

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.