URL e link in foglio di stile

**ubbicom** · 01-07-2011, 20:45

Ciao e perdonate la domanda, sono un dilettante con i CSS.

E' possibile rendere linkabile questa porzione di CSS?
Dovrei prevedere un URL da richiamare al monmeto di cliccare su:

/casting/images/banner.jpg

codice:

#topheader { 
width : 1004px; 
height : 307px; 
margin-top : 0; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
font-family : Tahoma; 
font-size : 12px; 
font-style : normal; 
line-height : normal; 
font-weight : bold; 
font-variant : normal; 
text-transform : none; 
color : #dcd66e; 
text-decoration : none; 
padding : 0; 
float : none; 
background-image : url(/casting/images/banner.jpg); 
background-repeat : no-repeat; 
}

**homerbit** · 02-07-2011, 02:02

se provi a caricare un .css sul tuo sito e poi lo richiami da browser con
http://miosito.eu/style.css potrà esser scaricato.. quindi puoi anche creare un link che punta sul tuo file.css

**ubbicom** · 02-07-2011, 09:26

Originariamente inviato da homerbit
se provi a caricare un .css sul tuo sito e poi lo richiami da browser con
http://miosito.eu/style.css potrà esser scaricato.. quindi puoi anche creare un link che punta sul tuo file.css

Scusami tanto, ma non ho capito.

**homerbit** · 02-07-2011, 10:49

molto probabilmente non ho capito io cosa vorresti fare...
vediamo: cliccado su /casting/images/banner.jpg vuoi poter inserire nella tua pagina (contenente l'immagine in questione) il codice css?? A questo ti riferisci con

E' possibile rendere linkabile questa porzione di CSS?

**ubbicom** · 02-07-2011, 22:25

Provo a spiegare meglio:

1) Ho creato un'immagine con psCS3 che è la testata delle pagine del mio sito e che ho chiamato banner.jpg;
2) Con i fogli di stile richiamo banner.jpg nelle pagine html;
3) Devo inserire un collegamento ipertestuale (in qualche modo) in banner.jpg per fare in maniera che cliccandoci l'utente venga rispedito alla pagina iniziale del mio sito.

codice:

#topheader { 
width : 1004px; 
height : 307px; 
margin-top : 0; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
font-family : Tahoma; 
font-size : 12px; 
font-style : normal; 
line-height : normal; 
font-weight : bold; 
font-variant : normal; 
text-transform : none; 
color : #dcd66e; 
text-decoration : none; 
padding : 0; 
float : none; 
background-image : url(/casting/images/banner.jpg); 
background-repeat : no-repeat; 
} 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    
<title>Mia pagina web</title>

</head>
<body>
   <div id="topheader"></div>
</body>
</html>

**MaxSimon** · 02-07-2011, 23:00

Mi sa che hai fatto un po' di confusione!
Il link non lo devi mettere nei CSS, ma nel tuo html: nel html stabilisci COSA si deve vedere, nel css COME.

Comunque, nel tuo caso dovrai avere nel html:

codice:

   <div id="topheader">
Clicca qui per andare alla homepage
</div>

Il css che hai postato va bene, a parte aggiungere la famiglia generica nella dichiarazione font-family:
font-family: Thaoma, sans-serif;
Ciao.

**ubbicom** · 03-07-2011, 11:28

Grazie, ma in questo modo su banner.jpg vedo la scritta `Clicca qui per andare alla homepage` e banner jpg non è linkabile....

Vai su questo sito http://www.repubblica.it/ e muovi il mouse sopra le varie immagini che compongono la testata in alto vedrai che si attivano i vari links alle varie pagine.

Questo è quello vorrei ottenere.

**MaxSimon** · 03-07-2011, 19:03

Allora metti l'immagine nell'html:

Codice PHP:


HTML:

<div id="topheader">

    <a href="http://link-alla-tua-homepage.html">

        [img]path-alla-tua-immagine.jpg[/img]

    </a>

</div>



CSS:

#topheader { 

    width : 1004px; 

    height : 307px; 

    margin: 0 auto; 

    padding:0;

     font-family : Tahoma; 

    font-size : 12px; 

    font-weight : bold; 

    text-transform : none; 

    color : #dcd66e;

}

Ciao.

**ubbicom** · 03-07-2011, 19:32

Ottimo, grazie!

**MaxSimon** · 03-07-2011, 19:56

Un consiglio: se utilizzi Firebug con Firefox hai un grosso aiuto!

Discussione: URL e link in foglio di stile

Strumenti discussione

Ricerca discussione

Visualizza

URL e link in foglio di stile

Permessi di invio