← HTML + CSS

[Dúvida .css]

Lida 2353 vezes

Offline

PT-NGS- 
Membro
Mensagens 90 Gostos 0
Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts

Boas,

Alguém me pode explicar como meto um link na imagem? Para abrir na mesma página.
Código: [Seleccione]
#header {
width: 820px;
position: relative;
height: 106px;
background: #CCC url(header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;

Obrigado.

# - Edite - #

ou aqui..
Código: [Seleccione]
<div id="header">
Offline

mapb_1990 
Membro
Mensagens 109 Gostos 0
Feedback +2

Troféus totais: 26
Trófeus: (Ver todos)
Level 5 Tenth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2

Boas,

Alguém me pode explicar como meto um link na imagem? Para abrir na mesma página.
Código: [Seleccione]
#header {
width: 820px;
position: relative;
height: 106px;
background: #CCC url(header.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;

Obrigado.

# - Edite - #

ou aqui..
Código: [Seleccione]
<div id="header">

para colocares um link, precisas de uma hiperligaçao. tag "<a href="pagina">Texto</a>"
tu ai tens uma div.

das duas 1,
- ou fazes <a href="http://endereco-da-pagina"><img src="header.jpg" width="820px" height="106px" /></a> em vez da div
- ou <div id="header"><a  href="http://endereco-da-pagina" style="width:100%; height:100%;"></a></div>
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

É para o logótipo? Se sim convém colocares no markup (html) em vez do css, recorrendo à tag ALT (conforme recomendado pelo Google), alto tipo:

Código: [Seleccione]
<div>
<a href="link"><img src="localização_da_imagem" alt="descrição da imagem" /></a>
</div>

Offline

PT-NGS- 
Membro
Mensagens 90 Gostos 0
Troféus totais: 22
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts

Boas,

Não deu de maneira nenhuma.. o ideal era meter no css
Código: [Seleccione]
background: #CCC url(header.jpg) no-repeat center top;
Obrigado.
Offline

mapb_1990 
Membro
Mensagens 109 Gostos 0
Feedback +2

Troféus totais: 26
Trófeus: (Ver todos)
Level 5 Tenth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2

não podes colocar uma hiperligação num css.
tens k usar obrigatoriamente a tag "<a href...".
os exemplos k eu e o mambley, é o k tens k fazer/adaptar.
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Mete isto dentro da div #header:

Código: [Seleccione]
<a class="link_header" href="http://site.com">&nbsp;</a>
E isto no css, a baixo do #header{...}

Código: [Seleccione]
#header a.link_header {
   line-height: 106px;
   display: block;
}