Autore Topic: Come mettere in collegamento in una precisa parte dell'header? (Letto 2370 volte)

cruzeiro · « **il:** 30 Gen 2011, 10:12:06 »

Ciao a tutti.
La mia header è formata da un unica immagine, ma vorrei che cliccando su una precisa area, in corrispondenza del logo della società, mi venga indirizzato nella homepage.
Come potrei fare?
Dovrei creare 2 div? uno per lo sfondo dell'header e l'altro per il logo? Oppure c'è una scorciatoia?

tonicopi · « **Risposta #1 il:** 30 Gen 2011, 11:45:08 »

Puoi fare una mappa immagine stabilendo un'area cliccabile.
Ma potresti anche semplicemente rendere tutta l'header cliccabile.

nearweb · « **Risposta #2 il:** 30 Gen 2011, 12:16:07 »

quoto tonicopi

leggi qui http://www.giorgiotave.it/forum/programmi-per-la-costruzione-delle-pagine-web/221-mappa-dimmagini-con-dreamweaver.html

con dreamweaver è molto più semplice che a mano

cruzeiro · « **Risposta #3 il:** 30 Gen 2011, 13:53:08 »

Ragazzi mi aiutate anche a capire come si fa con il metodo dei div?
Praticamente ho un immagine png per tutto l'haeder e poi vorrei mettere sopra di essa, in alto a sinistra, un altro png che rappresenta il logo.

Codice: [Seleziona]

<body id="page_bg">
	<div id="wrapper">
		
		<div id="header"></div>
		<div id="top">
					<div id="pillmenu">
					<jdoc:include type="modules" name="user3" /></div>
					<div id="search"><jdoc:include type="modules" name="user4" /></div>
				<div class="clr"></div>
		</div>
		
		<div id="content">
			<div id="leafs"></div>

Codice: [Seleziona]

#header {
	position:relative;
	height:237px;
	width:960px;
	margin:0 auto;
	background: transparent url(../images/headerimg.png) no-repeat top center;
}

tonicopi · « **Risposta #4 il:** 30 Gen 2011, 14:04:55 »

Beh ma allora così è un altro discorso...
Se hai delle posizioni modulo prova a mettere il logo cliccabile in un modulo di tipo html personalizzato e lo pubblichi in user3

cruzeiro · « **Risposta #5 il:** 30 Gen 2011, 15:07:02 »

Sono arrivato a questo punto:
Ho aggiunto l'altro div e posizionato correttamente.
L'unica cosa che non riesco adesso, è quello di mettere il collegamento index.php nel div simbolo.
Le sto provando tutte, ma nulla da fare.
Qual'è il procedimento corretto???

Codice: [Seleziona]

<body id="page_bg">
	<div id="wrapper">
		
		<div id="header">
		<div id="simbolo">
		</div>
		</div>
		<div id="top">
					<div id="pillmenu">
					<jdoc:include type="modules" name="user3" /></div>
					<div id="search"><jdoc:include type="modules" name="user4" /></div>
				<div class="clr"></div>
		</div>

Codice: [Seleziona]

#simbolo {
	position: absolute;
	height:200px;
	width:360px;
	background: transparent url(../images/logo.png) no-repeat;
	margin: 20px 0px 0px 35px;
}

#header {
	position:relative;
	height:237px;
	width:960px;
	margin:0 auto;
	background: transparent url(../images/headerimg.png) no-repeat top center;
}

cruzeiro · « **Risposta #6 il:** 30 Gen 2011, 15:12:32 »

Risolto:
<div id="simbolo" onclick="location.href='http://www.xxx.it/';" style="cursor: pointer;">

Autore Topic: Come mettere in collegamento in una precisa parte dell'header? (Letto 2370 volte)

cruzeiro

Come mettere in collegamento in una precisa parte dell'header?

tonicopi

Re:Come mettere in collegamento in una precisa parte dell'header?

nearweb

Re:Come mettere in collegamento in una precisa parte dell'header?

cruzeiro

Re:Come mettere in collegamento in una precisa parte dell'header?

tonicopi

Re:Come mettere in collegamento in una precisa parte dell'header?

cruzeiro

Re:Come mettere in collegamento in una precisa parte dell'header?

cruzeiro

Re:Come mettere in collegamento in una precisa parte dell'header?