In riferimento allo splendido tutorial relativo ai blocchi
http://css.html.it/articoli/leggi/2016/modular-corners/
volevo sapere se e come è possibile inserire un link in modo tale che tutto il blocco ne sia interessato.
Scusate ma mi sto avvicinando da poco ai CSS e ne sono un po' a digiuno.
Grazie.
Martina
non capisco cosa c'entri l'articolo da te citato...
intendi una cosa del genere?
codice:CSS .link {width:60px; height:10px; background:red; cursor:hand;} HTML <div class="link"></div>
Intendevo dire che nell'esempio c'è un box con gli angoli arrotondati con del testo scritto dentro.
Volevo far diventare tutto il box sensibile al collegamento da inserire.
Il codice è questo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Angoli arrotondati modulari - tecnica di base</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{background:#FFF;color:#333;font:70%/1.3 Tahoma,Arial,sans-serif}
p{margin:0 0 1.2em}
div.modular{width:180px;
background:url(boxBk.png) no-repeat bottom left;
padding-bottom:15px}
div.modular div{
background:url(boxBk.png) repeat-x top left;
padding:15px 15px 0}
</style>
</head>
<body>
<div class="modular">
<div>
Un div Uieoi eoi iaeu oeeu u ieoo ai ueou ei ao iuue oooe ieu oau uo eii iu iaeo eoe e i eu iauio eae eeae e u iuio ooio iueoo e a oa ia ai eo euuo iuuuo uu eee.</p>
Uaie aeee e uoei oiuoe oao ueo auu euo uioi ieuo ee uu ua euua ii oeaoi oe ua ai eeea ua ooa ue oouo oe.</p>
</div>
</div>
</body>
</html>
Ora provo in qualche modo ad inserire ciò che mi hai detto.
Martina
se non sbaglio devi dare come proprietà
a {
display:block;
}
in questa condizione non ne capisco la necessità :master:Originariamente inviato da dvd86
se non sbaglio devi dare come proprietà
a {
display:block;
}
Diciamo che all'nterno del mio blocco ci sia una news con testo e immagine. Vorrei che al passaggio del puntatore fosse attivo tutto il collegamento sul blocco. Non so proprio come fare.
Martina
funziona correttamente su FF;codice:CSS .link {width:260px; height:50px; background:red; cursor:hand;} HTML <a href="#" target="_blank" ><div class="link"> [img]immagine.gif[/img]testo</div></a>
ma su IE6 non scatta il collegamento sull'immagine, anche se evidenziato
Niente da fare. Probabilmente non c'è la soluzione che va bene per me. Il fatto è che mi serve predisporre il collegamento ipertestuale su tutto il blocco e all'interno della pagina ci sono più blocchi ad altezza variabile (in base al contenuto) e dovrei predisporre la stessa possibilità su ognuno di loro. Speravo fosse una cosa più facile ma evidentemente non è così.
Se ci fosse qualcuno in grado di illuminarmi gliene sarei molto grata.
Martina
non puoi mettere un <div> all'interno di un <a>.Originariamente inviato da Vincent.Zeno
codice:HTML <a href="#" target="_blank" ><div class="link"> [img]immagine.gif[/img]testo</div></a>
Originariamente inviato da gabip87
non puoi mettere un <div> all'interno di un <a>.
ma posso fare "il contrario":
codice:CSS .link {width:360px; height:30px; background:red; cursor:hand; display:block;} HTML <a href="#" target="_blank" class="link"> [img]immagine.gif[/img]testo</a>ecco dove m'ero impatanato...
Permessi di invio
Rispondi quotando