2015-01-15 2 views
0

Я действительно пытаюсь использовать css, чтобы создать новую домашнюю страницу для моего сайта smugmug.Ссылка CSS (Основная помощь)

мне удалось получить это сделать:

<html style="height:100%"> 
<body style="height:100%;margin:0;"> 
<table style="height:100%;width:100%;vertical-align:middle"> 
<tr> 
<td> 
<div style="width:100%;text-align:center"> 
<span style="display:inline-block">WEDDINGS</span><span style="display:inline-block;padding:0 100px">PORTAITS</span><span style="display:inline-block">COMMERCIAL</span> 
</div> 
</td> 
</tr> 
</table> 
</body> 
</html> 

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

Также, если кто-то знаком с smugmug, я вставляю код в поле темы css и ничего не происходит при обновлении моего сайта.

спасибо.

+0

В HTML, ссылки обычно создаются как 'Link Text' , Что пошло не так с вашей попыткой? – showdev

+0

Я сделал ссылку, как будто, но я не уверен, куда вставить ссылку.

Portraits

user342355

+0

Ваш код - HTML-код. Правильно ли я понял, что вы попытались поместить его в раздел CSS? Попробуйте поместить его в раздел HTML, независимо от того, что находится в smugmug. – Guillermo

ответ

1

Если бы вы добавить ссылку по следующей строке:

<span style="display:inline-block">WEDDINGS</span> 

разместить ссылку тег перед и после него, ссылка тег будучи

<a href="LINK TO WEBSITE OR PAGE HERE"> </a> 

так будет выглядеть следующим образом:

<a href="http://www.examplewebsite.com"><span style="display:inline-block">WEDDINGS</span></a> 

Если щелкнуто, что-либо между тегом будет перенаправлять их на страницу.

Как примечание стороны, если вы хотите, чтобы связанная страница откроется в новой вкладке, используйте «TARGET = _blank», как это:

<a href="http://www.examplewebsite.com" target="_blank"> </a> 
+0

Я добавил, что код с succsess к одной части, я предполагаю, что я просто адаптирую его к этому, будет стоить с остальными вариантами? Еще одна вещь. Как устранить синий «гиперссылки» вид ссылки и сохранить ее серой/черной? Я столкнулся с «text-decoration: none»; это будет работать, не так ли? – user342355

+0

@ пользователь342355 правильный. Текстовое оформление: нет под классом вашей ссылки. или в строке в вашем тег – Sanova

+0

@ user342355 text-decoration: ни один не удалит подчеркивание из вашей ссылки. цвет должен быть изменен вручную цветом: желаемый цвет. –