Решил попробовать себя в создании сайтов. Не могу расположить ссылки на странице в один ряд. Что для этого нужно. Прошу понимания - это моя первая работа.
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<html>
<head>
<title>Магазин Электронных Сигарет</title>
</head>
<p class="content"></p><a href="file:///C:/Users/User/Desktop/Мой%20первый%20сайт/index.html"><left>Главная страница<left></a></p>
<a href="111.html">
<left><h4>Связаться с нами<h4></left>
</a>
<style>
body{
background: url(фон2.jpg) no-repeat;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
</style>
<body style="background-attachment:fixed" topmargin="0">
<style>
h1 {color:#F6D634; font:normal 30pt/4pt Arial;}
.maket {width:900px;height:2000px; margin:0 auto; padding:10px; border:solid 1px #800000;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.epigraf, .autor {color:#800000; font:italic 12pt verdana; text-align:right;}
.content {color:#000000; font:normal 14pt verdana; text-align:justify; }
.footer {text-align:center; position:relative; top:25px; font:bold 14px verdana;}
</style>
<div class="maket">
<center><h1>Магазин Электронных Сигарет</h1><center>
<p class="epigraf">Высокое качество - низкая цена. </p>
<hr size="1" color="#800000" width="65%">
<p class="content"></p><a href="93693554_w640_h640_5.jpg"><center>Электронная сигарета Ego-T 650 mAh<center></a></p>
<img src="93693554_w640_h640_5.jpg" alt="Альтернативный текст" width="150" height="120" />
<p class="content"></p><a href="elektronik-sigara-500x500.jpg"><center>Электронная сигарета Evod CE4S<center></a></p>
<img src="elektronik-sigara-500x500.jpg" alt="Альтернативный текст" width="150" height="120" />
<p class="content"></p><a href="93693554_w640_h640_5.jpg"><center>Электронная сигарета Ego-T 650 mAh<center></a></p>
<img src="93693554_w640_h640_5.jpg" alt="Альтернативный текст" width="150" height="120" />
<p class="content"></p><a href="93693554_w640_h640_5.jpg"><center>Электронная сигарета Ego-T 650 mAh<center></a></p>
<img src="93693554_w640_h640_5.jpg" alt="Альтернативный текст" width="150" height="120" />
<p class="content"></p><a href="93693554_w640_h640_5.jpg"><center>Электронная сигарета Ego-T 650 mAh<center></a></p>
<img src="93693554_w640_h640_5.jpg" alt="Альтернативный текст" width="150" height="120" />
<p class="content"></p><a href="93693554_w640_h640_5.jpg"><center>Электронная сигарета Ego-T 650 mAh<center></a></p>
<img src="93693554_w640_h640_5.jpg" alt="Альтернативный текст" width="150" height="120" />
<p class="content"></p><a href="93693554_w640_h640_5.jpg"><center>Электронная сигарета Ego-T 650 mAh<center></a></p>
<img src="93693554_w640_h640_5.jpg" alt="Альтернативный текст" width="150" height="120" />
<a href="C:\Users\User\Desktop\Мой первый сайт\index.html"><center><h5>1</h5><center></a>
<a href="C:\Users\User\Desktop\Мой первый сайт\index2.html"><center><h5>2</h5><center></a>
</style>
</body>
</html>
Другие языки программирования и технологии
Как расположить ссылки в один ряд? (html)
поправил код ваш --вот он -->>
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="shortcut icon" href="http://www.ljplus.ru/img4/s/h/sheller8888/favicon.jpg" >
<title>Магазин Электронных Сигарет</title>
<style>
body{
background:#E8E8FF;
}
a{
text-decoration:none;
}
.contact{
float:left;
margin:10px;
padding:3px;
text-shadow:1px 2px 1px blue;
color:lightblue;
padding:3px;
}
.contact:hover{
background:#BCBCBC;
color:#fff;
}
h1{
color:#F6D634;
font:normal 30pt/4pt "Comic sans ms";
text-align:center;
}
a h5{
display:inline-table;
font-size:110%;
padding:4px;
box-shadow:0 0 3px grey;
background:lightblue;
}
a h5:hover{
background:#BCBCBC;
color:#fff;
}
.maket{
width:900px;
margin:0 auto;
padding:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.epigraf,.autor{
color:#800000;
font:italic 12pt verdana;
text-align:right;
}
.content{
color:#000000;
font:bold 14pt Georgia;
text-align:center;
text-shadow:1px 1px 1px #000;
}
.footer{
text-align:center;
position:relative;
top:25px;
font:bold 14px verdana;
}
p{
text-align:center;
}
img{
width:150px;
height:120px;
position:relative;
left:43%;
}
</style>
</head>
<body>
<a href="" class="contact">Главная страница</a>
<a href="" class="contact">Связаться с нами</a>
<div class="maket">
<h1>Магазин Электронных Сигарет</h1>
<p class="epigraf">Высокое качество - низкая цена. </p>
<hr size="1" color="#800000" width="65%">
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Evod CE4S</a></p>
<img src="elektronik-sigara-500x500.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content"><Электронная сигарета Ego-T 650 mAh</p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/><br><br>
<a href=""><h5>1 стр</h5></a>
|
<a href=""><h5>2 стр</h5></a>
|
<a href=""><h5>3 стр</h5></a>
|
<a href=""><h5>4 стр</h5></a>
|
<a href=""><h5>5 стр</h5></a>
|
<a href=""><h5>6 стр</h5></a>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<link rel="shortcut icon" href="http://www.ljplus.ru/img4/s/h/sheller8888/favicon.jpg" >
<title>Магазин Электронных Сигарет</title>
<style>
body{
background:#E8E8FF;
}
a{
text-decoration:none;
}
.contact{
float:left;
margin:10px;
padding:3px;
text-shadow:1px 2px 1px blue;
color:lightblue;
padding:3px;
}
.contact:hover{
background:#BCBCBC;
color:#fff;
}
h1{
color:#F6D634;
font:normal 30pt/4pt "Comic sans ms";
text-align:center;
}
a h5{
display:inline-table;
font-size:110%;
padding:4px;
box-shadow:0 0 3px grey;
background:lightblue;
}
a h5:hover{
background:#BCBCBC;
color:#fff;
}
.maket{
width:900px;
margin:0 auto;
padding:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.epigraf,.autor{
color:#800000;
font:italic 12pt verdana;
text-align:right;
}
.content{
color:#000000;
font:bold 14pt Georgia;
text-align:center;
text-shadow:1px 1px 1px #000;
}
.footer{
text-align:center;
position:relative;
top:25px;
font:bold 14px verdana;
}
p{
text-align:center;
}
img{
width:150px;
height:120px;
position:relative;
left:43%;
}
</style>
</head>
<body>
<a href="" class="contact">Главная страница</a>
<a href="" class="contact">Связаться с нами</a>
<div class="maket">
<h1>Магазин Электронных Сигарет</h1>
<p class="epigraf">Высокое качество - низкая цена. </p>
<hr size="1" color="#800000" width="65%">
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Evod CE4S</a></p>
<img src="elektronik-sigara-500x500.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content"><Электронная сигарета Ego-T 650 mAh</p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/>
<p class="content">Электронная сигарета Ego-T 650 mAh</a></p>
<img src="93693554_w640_h640_5.jpg"/><br><br>
<a href=""><h5>1 стр</h5></a>
|
<a href=""><h5>2 стр</h5></a>
|
<a href=""><h5>3 стр</h5></a>
|
<a href=""><h5>4 стр</h5></a>
|
<a href=""><h5>5 стр</h5></a>
|
<a href=""><h5>6 стр</h5></a>
</body>
</html>
Почитать спецификацию CSS о строчных и блочных элементах.
А <center> вы вообще с какой помойки выкопали?
А <center> вы вообще с какой помойки выкопали?
Ларионов Костя
85 694
Антон Левандовский
Спасибо за направление.
А <center> вы вообще с какой помойки выкопали? Тоже удивилась.
Зачем такие навороты?
<a href="C:\Users\User\Desktop\Мой первый сайт\index.html"><center><h5>1</h5><center></a>
<div class="nav">
<a href="#">1</a>
<a href="#">2</a>
</div>
Код должен быть максимально простым и легкочитаемым.
Зачем такие навороты?
<a href="C:\Users\User\Desktop\Мой первый сайт\index.html"><center><h5>1</h5><center></a>
<div class="nav">
<a href="#">1</a>
<a href="#">2</a>
</div>
Код должен быть максимально простым и легкочитаемым.
Aptyp4Uk .........
3 538
Антон Левандовский
Спасибо огромное, то что нужно.
Похожие вопросы
- Можно ли добавить на сайт HTML-скрипт для слайдера с ссылкой на картинки, которые хранятся на Google диск, например?
- Как на HTML-сайтe внедрить звук щелчка при клике по ссылкам?
- Какой код в HTML при котором действующая ссылка находится как бы в картинке?
- Делаю шаблон для сайта (html). Ссылки с главной страницы на другие... Каждая страница - новый документ html?
- Как сделать ссылку на картинке? Html?
- программисты HTML вопрос к вам
- Как использовать переданный параметр из одной страницы HTML в другую?
- Верстка сайтов HTML CSS JS
- Что делать если сайт HTML, а нужно сделать другой дизайн, не меняя ссылок.
- как создать в html документе ссылки чтобы скачали пользователи спасибо. !