collegamento in css o div id

[glazio]

ciao a tutti,
dovrei modificare un template solo che mi sono bloccato su questa modifica...sono piuttosto inesperto

praticamente c'è un'immagine che va a formare l'header, che dovrebbe essere un collegamento a un sito esterno.

quest'immagine è definita via css:

#header_start {
background: url(tunerracer/misc/skin/header_right.jpg) no-repeat right;
height: 186px;
}

che poi viene richiamato nella pagina:
<div id="header_start">


come faccio a fare il collegamento a un link esterno?


grazie

[andrea.paiola]

beh per carità un collegamento puoi farlo anche tramite javascript, ma la via più corretta rimane usare il tag a

se ho capito bene l'immagine deve fare da link e deve stare a dx, allora...

xhtml:

 <div id="header_start"><a href="#"><img src="tunerracer/misc/skin/header_right.jpg" /></a><br class="clear" /></div>

al posto del # nell'href devi mettere l'url del link... lo sai vero? ^^

css:

br.clear{display:block;margin:0;padding:0;border:none;height:0;line-height:0;clear:both}
#header_start{height:186px;}
#header_start a, #header_start a:link,#header_start a:hover,#header_start a img{margin:0;padding:0;border:none;text-decoration:none;display:block;float:right}

il br con classe clear torna sempre utile per limitare il float

ps: fanno 50 euro

[glazio]

ciao,
scusa se ti rispondo solo adesso ma non mi ero accorto che mi avevi risposto^^
ho attuato le tue modifiche, il link c'è ma si sfasa tutto il template





grazieeeeee

[andrea.paiola]

beh mi servirebbe analizzare la pagina per poterti aiutare... un link?

[glazio]

la pagina in questione è l'homepage di http://www.50tuners.com
essendo un template di vbulletin ti ho estratto il css http://www.50tuners.com/vbulletin-style.zip
poi viene richiamato così:

<!-- header -->
<a name="top"></a>
<div id="header"><div id="header_start"><img src="$stylevar[imgdir_misc]/skin/logo.jpg" alt="$vboptions[bbtitle]" />

</div></div>

[andrea.paiola]

uuu devi avere pazienza che ormai mi son scordato tutto il discorso e devo rileggere tutto... domani penso di trovare il tempo di darti una mano!

[Uno]

Soluzione forse sporca per i puristi ma veloce:

aggiungi

#header_banner {
margin-top: -186px;
margin-right: 0px;
}

poi

<div id="header_start"><a href="#" id="header_banner"><img src="tunerracer/misc/skin/header_right.jpg" /></div>

non l'ho provato ma dovrebbe andare, se - 186px non è perfetto aumenta o diminuisci