гиперссылок создать разрывы строк

им сделать веб-сайт для группы Youtube я нахожусь.гиперссылок создать разрывы строк

И у меня есть много гиперссылок в заголовке меню DIV #. http://i.snag.gy/rVI8c.jpg

body, html { 
 
\t width: 100%; 
 
\t background: url("/img/dirt.png"); 
 
\t background-size: 2%; 
 
\t image-rendering: -webkit-optimize-contrast; 
 
\t padding-top: 0px; 
 
\t padding-left: 0px; 
 
\t font-family: Minecraftia; 
 
} 
 
#header { 
 
\t width: 100%; 
 
\t background-image: url("/img/header.png"); 
 
\t background-repeat: repeat-x; 
 
\t background-size: 2%; 
 
\t margin-left: -8px; 
 
\t margin-top: -8px; 
 
\t height: 64px; 
 
} 
 
a { 
 
\t cursor: pointer; 
 
\t color: blue; 
 
\t text-decoration: none; 
 
} 
 
@font-face { 
 
\t font-family: Minecraftia; 
 
\t src: url("/Minecraftia-Regular.ttf"); 
 
} 
 
#header-menu { 
 
\t width: 100%; 
 
\t height: 48px; 
 
\t line-height: 58px; 
 
\t vertical-align: middle; 
 
\t margin-left: -8px; 
 
\t padding-left: 8px; 
 
\t border-top: 1px solid black; 
 
\t border-bottom: 1px solid black; 
 
\t background: rgba(17,146,32,1); 
 
\t background: -moz-linear-gradient(top, rgba(17,146,32,1) 0%, rgba(40,128,40,1) 45%, rgba(0,82,5,1) 52%, rgba(15,123,42,1) 100%); 
 
\t background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,146,32,1)), color-stop(45%, rgba(40,128,40,1)), color-stop(52%, rgba(0,82,5,1)), color-stop(100%, rgba(15,123,42,1))); 
 
\t background: -webkit-linear-gradient(top, rgba(17,146,32,1) 0%, rgba(40,128,40,1) 45%, rgba(0,82,5,1) 52%, rgba(15,123,42,1) 100%); 
 
\t background: -o-linear-gradient(top, rgba(17,146,32,1) 0%, rgba(40,128,40,1) 45%, rgba(0,82,5,1) 52%, rgba(15,123,42,1) 100%); 
 
\t background: -ms-linear-gradient(top, rgba(17,146,32,1) 0%, rgba(40,128,40,1) 45%, rgba(0,82,5,1) 52%, rgba(15,123,42,1) 100%); 
 
\t background: linear-gradient(to bottom, rgba(17,146,32,1) 0%, rgba(40,128,40,1) 45%, rgba(0,82,5,1) 52%, rgba(15,123,42,1) 100%); 
 
\t filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#119220', endColorstr='#0f7b2a', GradientType=0); 
 
}

<!DOCTYPE html> 
 
<html> 
 
\t <head> 
 
\t \t <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 
 
     <title>The Infected Horde</title> 
 
     <link rel="stylesheet" href="/style.css" type="text/css"> 
 
\t </head> 
 
\t <body> 
 
\t \t <div id="header"></div> 
 
\t \t <img src="/img/logo.gif" style="height: 72px; width: auto;" /><br> 
 
\t \t <div id="header-menu"><a id="homebtn">Home</a>&emsp; 
 
\t \t <a id="videosbtn">Servers We Play On</a></div>&emsp; 
 
\t \t <a id="aboutusbtn">About Us</a></div>&emsp; 
 
\t \t <a id="videosbtn">Videos</a></div>&emsp; 
 
\t \t <a id="contactbtn">Contact Us</a></div>&emsp; 
 
\t </body> 
 
</html>

Что я делаю неправильно? Извините за неработающие изображения в фрагменте.

источник

2015-02-14 nestorishimo10

Структура html полностью разрушена. Посмотрите на открытые и закрывающие теги 'div'. – arkascha

Пожалуйста, напишите ** минимальный ** код, который воспроизводит проблему. 90% кода, который вы опубликовали, не имеет значения. –

Поскольку вы ставите </div> теги без причины, есть только один div, он должен быть:

<div id="header"></div> 
     <img src="/img/logo.gif" style="height: 72px; width: auto;" /><br> 
     <div id="header-menu"><a id="homebtn">Home</a> 
     <a id="videosbtn">Servers We Play On</a> 
     <a id="aboutusbtn">About Us</a> 
     <a id="videosbtn">Videos</a> 
     <a id="contactbtn">Contact Us</a> 
     </div>

Используйте только один DIV т.е. в конце, и я предпочел бы использовать display:inline в a тегов CSS , Кроме того, здесь FIDDLE, и я удалил &emsp;, потому что я не думаю, что они здесь полезны.

источник

2015-02-14 20:24:24

Спасибо! Это сработало! – nestorishimo10

Мне нужен emsp, потому что это было путано без них для гиперссылок (они действуют как пробелы) – nestorishimo10

гиперссылок создать разрывы строк

ответ

Смежные вопросы