Как дать пространство между href?

-2

я написал свой код здесь, но это не даст пространствоКак дать пространство между href?

<a href="opinion.jsp"><font color="red"><h3>Recommendation</h3></font></a> 
<a href="FindoneServ"><font color="red"><h3>Review Mining</h3></font></a> 
<a href="rank.jsp"><font color="red"><h3>Generate Graph</h3></font></a> 
<a href="index1.jsp"><font color="red"><h3>Sign out</h3></font></a>

мне нужен выход, как этот

Recommendation   Review Mining   Generate Graph  Signout

источник

2013-03-11 Giri

что проблема ..? –

Что именно вы имеете в виду, «это не даст пространства»? –

@DipeshParmar требуется пробел между href. – Giri

Проблема заключается в том, что вы используете теги заголовков, которые по умолчанию имеют линию после них.

Чтобы изменить это, вы можете установить свойство display CSS, который будет выравниваться элемент с другими элементами:

h3 { 
    display: inline; 
}

Вы можете передумать, используя <h3> в целом. Он подходит как заголовок для другого контента, а не для навигации, в целом. Я также рекомендую отказаться от тега <font>. Вам это не нужно. Вы можете и должны использовать CSS для стилизации.

источник

2013-03-11 04:25:44 Brad

Это не только «вам это не нужно». С тех пор он устарел. Использование сильно обескуражено, и поддержка браузера может быть отброшена в любое время (хотя я подозреваю, что этого никогда не произойдет). – Christoph

@ Кристоф Это никогда не произойдет. – Boann

Попробуйте использовать: неупорядоченный, указанный внутри div.

<!--HTML--> 
<div id="Navigation"> 
<ul> 
<li><a href="opinion.jsp">Recommendation</a></li> 
<li><a href="FindoneServ">Review Mining</a></li> 
<li><a href="rank.jsp">Generate Graph</a></li> 
<li><a href="index1.jsp">Sign out</a></li> 
</ul> 
</div> 


<!--CSS--> 

#Navigation 
{ 
     color: #9000A1; 
     font-family:"Times New Roman", Times, serif; 
}

источник

2013-03-11 08:48:21

Это был бы хороший ответ ... 20 лет назад. * Таблицы для табличных данных, а не для макета! * – Christoph

Исправлена ошибка моего пути. –

Я предполагаю, что это все еще не соответствует потребностям OP, поскольку он не хочет иметь разрывов между ссылками. Тем не менее я отменил свой -1 ... – Christoph

Есть несколько проблем в вашем коде:

font тег - Не используйте это, это некрасиво, осуждается и вообще бесполезно. Стиль ваших элементов с помощью CSS.
Элемент уровня блока h3 внутри встроенного элемента a^*. Это недопустимый HTML и не имеет смысла семантически.
- A h3 предназначен для заголовка, он не логически вписывается в анкерный элемент.
- h3 производят линейные разрывы, и поэтому все ваши ссылки помещаются по одной строке.

В зависимости от того, что именно вы хотите сделать, это разметка больше подходит:

<!-- Use an unordered list for your anchor elements--> 
<ul class="mylinks"> 
    <li><a href="opinion.jsp">Recommendation</a><li> 
    <li><a href="FindoneServ">Review Mining</a><li> 
    <li><a href="rank.jsp" >Generate Graph</a><li> 
    <li><a href="index1.jsp" >Sign out</a><li> 
</ul>

и CSS соответственно

<!-- put this in the <head> of your html document --> 
<style type="text/css"> 
.mylinks li{ 
    float:left; /* Fit all your links nicely in one line*/ 
    margin:0 5px; /* Give them to the left and right a little room to breathe */ 
    /* You can adjust the space by modifying the 5px value, */ 
    /* the 0 modifies the top/bottom spacing */ 
} 

.mylinks a{ 
    color:red; /* fancy red color for your links*/ 
} 
</style>

*: ну по крайней мере в HTML4. Остается еще вопрос, имеет ли смысл такое гнездование тегов.

источник

2013-03-11 09:24:34 Christoph

Как дать пространство между href?

ответ

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