| Autor | Zpráva | ||
|---|---|---|---|
| Vojtěch Peťovský Profil |
Zdravím,
potřeboval bych poradit, jak udělat odkaz z konkrétního tagu <div>. Jedná se o to, že mám vytvořené "tlačítko", které by sloužilo jako odkaz. Zde je ukázka webu: http://www.originsoft.cz/_Vojta/OriginSolution/index.html Nevím jak docílit toho, aby každé vytvořené tlačítko např. software fungovalo celé jako odkaz bez toho aniž by zde místo textu byl obrázek. Zkoušel jsem toto <a href="#"><div class="col_allw280 fp_service_box col_first">
<img src="images/onebit_08.png" alt="skladem obrázek" title="skladem obrázek" /><br /><br />
<div class="con_tit_02">Software</div>
<center><a class="more" href="#">Origin Soft</a></center>
<ul>
<li>Pokladní systémy</li>
<li>Expediční systémy</li>
<li>Etiketovací systémy</li>
<li>Zakázkový vývoj</li>
<ul>
</div></a>ale nefunguje to. |
||
| 8vm8 Profil |
#2 · Zasláno: 9. 9. 2013, 17:30:28
Nevím, jestli je tento způsob zápisu správný ale je používán i na Facebooku.
<a href="#">
<div class="col_allw280 fp_service_box col_first">
<img src="images/onebit_08.png" alt="skladem obrázek" title="skladem obrázek" /><br /><br />
<div class="con_tit_02">Software</div>
<center>Origin Soft</center>
<ul>
<li>Pokladní systémy</li>
<li>Expediční systémy</li>
<li>Etiketovací systémy</li>
<li>Zakázkový vývoj</li>
<ul>
</div>
</a>Trochu jsem to upravil. Musíš odstranit tag <a> uvnitř <center>. Potom ti celý blok zůstane obalen odkazem. |
||
| han5vk Profil |
Nemôžeš to takto spraviť, pretože nemôžeš mať odkaz v odkaze. To by nedávalo zmysel. Navyše, keď celý div v odkaze mieri na jedno miesto, načo potrebuješ vkladať na to isté miesto ďalší link vnútri toho? Mimochodom, tag
<center> sa nepoužíva. Nastav si text-align: center v CSS.
|
||
| Trejpa Profil |
#4 · Zasláno: 9. 9. 2013, 17:43:04
Vojtěch Peťovský:
Použij normální odkaz, nevymýšlej nesmysly. Odkaz nemůže být v jiném odkaze. Stačí změnit <div> na <a> a přetypovat ho na blokový element, což je u tebe splněno už použitým plaváním. Viděl bych to takto:
<a href="#" class="col_allw280 fp_service_box col_first">
<img src="images/onebit_08.png" alt="skladem obrázek" title="skladem obrázek" /><br /><br />
<div class="con_tit_02">Software</div>
<center><span class=more>Origin Soft</span></center>
<ul>
<li>Pokladní systémy</li>
<li>Expediční systémy</li>
<li>Etiketovací systémy</li>
<li>Zakázkový vývoj</li>
</ul> <!-- tady máš ve svém špatnou značku, oprav si -->
</a>Aby ti text Origin Soft fungoval jako dosud, nestačí smazat odkaz, jak radí 8vm8. Je třeba text nějak odlišit, třeba zavřením do spanu změnit jeho adresaci ve stylech. Tohle si přidej na konec do stylů: a.col_allw280 {
text-decoration: none;
}a.col_allw280 center span {
bottom: -110px;
display: inline-block;
font-size: 16px;
font-weight: bold;
position: relative;
text-decoration: underline;
}
a.col_allw280:link center span, a.col_allw280:visited center span {
color: #27BBB6;
}
a:hover center span {
text-decoration: none;
}
.col_allw280 ul {
height: auto;
} |
||
| Vojtěch Peťovský Profil |
#5 · Zasláno: 9. 9. 2013, 18:43:31
Trejpa:
Super, díky moc. Neuvědomil jsem si, že vkládám jeden odkaz do druhého. |
||
|
Časová prodleva: 11 let
|
|||
0