[HTML] href werkt niet in Firefox - Softwareontwikkeling

dinsdag 24 mei 2005 15:19

Acties:

Topicstarter

Ik ben bezig met html code the generen in java. Dat is aardig gelukt en in IE zie ik ook de resultaten. Maar als ik Firefox open dan valt de link in de html weg.
Hier gaat het om:

HTML:

<div style="overflow: fixed; width: 700px; height: 200px; padding: 0px; margin: 0px;">
<table border="0" cellspacing="0">
<tr><th width="100px">TD0101</th>
<a href="c:\test1.html"><td bgcolor=green width="125px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=blue width="250px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=yellow width="50px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=red width="25px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=green width="50px" height="20px"></td></a>
</tr><tr/>
</table>
<table border="0" cellspacing="0">
<tr><th width="100px">TD0101A</th>
<a href="c:\test1.html"><td bgcolor=green width="50px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=blue width="50px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=green width="50px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=blue width="50px" height="20px"></td></a>
<a href="c:\test1.html"><td bgcolor=green width="50px" height="20px"></td></a>
</tr><tr/>
</table>
</div>

in IE kan ik elke kolom klikken en die wijst naar de juiste locatie op c:
maar in Firefox werken de href'jes niet. Wat moet ik veranderen om die ook in firefox te laten werken?

dinsdag 24 mei 2005 15:20

Acties:

André

Analytics dude

Probeer eens:

code:

1	<a href="file:///c:/test1.html">

/edit:
Hmm, bij nader inzien gaat het ergens anders fout. Je mag geen a om een td heen zetten. Ook is dit beter te doen met CSS.

Ik denk dat de makkelijkste oplossing voor dit systeem is om een onclick op je TD te zetten. Maar de beste oplossing is de boel om te schrijven naar klikbare layers die met CSS gestyled worden.

[ Voor 86% gewijzigd door André op 24-05-2005 15:28 ]

dinsdag 24 mei 2005 15:25

Acties:

turkosh

Topicstarter

Dat werkt ook niet. (Wel in IE overigens)

dinsdag 24 mei 2005 15:27

Acties:

Ramon

Ik weet niet wat Firefox vindt van het feit dat je de A buiten de TD hebt gezet, maar kan me voorstellen dat het daaraan ligt.

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/

dinsdag 24 mei 2005 15:31

Acties:

turkosh

Topicstarter

Ik denk dat het ook enigziens daarme te maken heeft. Maar is dat makkelijk op te lossen zodat het in beide browsers werkt.
Ik genereer deze code namelijk in Java als een string en geef die door naar de jsp.
Dus met CSS heb ik niets te maken.

dinsdag 24 mei 2005 15:33

Acties:

Verwijderd

los van je probleem sluit je in beide tabellen een <tr> teveel af. ook is fixed geen toegestane waarde voor overflow.

dinsdag 24 mei 2005 15:39

Acties:

turkosh

Topicstarter

de extra <tr/> (<tr></tr>) genereert ruimte tussen te tabellen.
overflow ben ik vergeten te wijzigen in auto

Terug naar het probleem?

dinsdag 24 mei 2005 15:39

Acties:

André

Analytics dude

Probeer het anders eens zo:

code:

<div style="overflow: fixed; width: 700px; height: 200px; padding: 0px; margin: 0px;">
  <div style="float:left; width:100px">TD0101</div>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:125px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:blue; width:250px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:yellow; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:red; width:25px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
  <br />
  <div style="float:left; width:100px">TD0101A</div>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:blue; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:blue; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
</div>

dinsdag 24 mei 2005 15:41

Acties:

leuk_he

1. Controleer de kabel!

Ramon de Jesus schreef op dinsdag 24 mei 2005 @ 15:27:
Ik weet niet wat Firefox vindt van het feit dat je de A buiten de TD hebt gezet, maar kan me voorstellen dat het daaraan ligt.

als je de A in de TD zet doet hij ook niets (er is niks gelinkt)

uiteraard werkt dit wel:

code:

1	<td bgcolor=green width="125px" height="20px"><a href="file:///c:/test1.html">x</a></td>

maar dan is er een "x" zichtbaar. transparant gifje linken ofzo?

als je de TS zijn code in de DOM inspector bekijkt dan die je ook dat alle A elementen naar buiten de de table zijn gehaald.

/andre zijn code heirboven werkt wel....

[ Voor 11% gewijzigd door leuk_he op 24-05-2005 15:43 ]

Need more data. We want your specs. Ik ben ook maar dom. anders: forum, ff reggen, ff topic maken
En als je een oplossing hebt gevonden laat het ook ujb ff in dit topic horen.

dinsdag 24 mei 2005 15:44

Acties:

turkosh

Topicstarter

André schreef op dinsdag 24 mei 2005 @ 15:39:
Probeer het anders eens zo:

code:

<div style="overflow: fixed; width: 700px; height: 200px; padding: 0px; margin: 0px;">
  <div style="float:left; width:100px">TD0101</div>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:125px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:blue; width:250px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:yellow; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:red; width:25px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
  <br />
  <div style="float:left; width:100px">TD0101A</div>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:blue; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:blue; width:50px; height: 20px;"></div></a>
  <a href="c:\test1.html"><div style="float:left; background-color:green; width:50px; height: 20px;"></div></a>
</div>

Firefox werkt, maar IE is verpest

dinsdag 24 mei 2005 15:48

Acties:

turkosh

Topicstarter

leuk_he schreef op dinsdag 24 mei 2005 @ 15:41:
[...]

als je de A in de TD zet doet hij ook niets (er is niks gelinkt)

uiteraard werkt dit wel:
code:
1
<td bgcolor=green width="125px" height="20px"><a href="file:///c:/test1.html">x</a></td>
maar dan is er een "x" zichtbaar. transparant gifje linken ofzo?

als je de TS zijn code in de DOM inspector bekijkt dan die je ook dat alle A elementen naar buiten de de table zijn gehaald.

/andre zijn code heirboven werkt wel....

resultaat: geen klikbare kolom, maar een klikbare text/object in een kolom. Dus dat wordt zoeken naar het object binnen de kolom.
Trouwens zal de kolombreedte ook niet fixed zijn. In java zullen de kolommen van verschillende afmetingen gecreeerd worden -> een object binnen de kolom heeft een fixed grootte -> problemen wanneer kolom breedte kleiner is dan het object.

dinsdag 24 mei 2005 15:49

Acties:

André

Analytics dude

Verander dan de

code:

<br/>

code:

1	<br style="clear:both" />

dinsdag 24 mei 2005 15:53

Acties:

leuk_he

1. Controleer de kabel!

turkosh schreef op dinsdag 24 mei 2005 @ 15:48:
[...]

resultaat: geen klikbare kolom, maar een klikbare text/object in een kolom. Dus dat wordt zoeken naar het object binnen de kolom.

ook dat was uiteraard op te lossen(meerdere gifjes met breedte 5 pixle en hoogte cell) maar die oplossing van andre is ook zo te fixen in ie en dan uiteraar mooier.

dus lamaa...

Need more data. We want your specs. Ik ben ook maar dom. anders: forum, ff reggen, ff topic maken
En als je een oplossing hebt gevonden laat het ook ujb ff in dit topic horen.

dinsdag 24 mei 2005 15:54

Acties:

turkosh

Topicstarter

André schreef op dinsdag 24 mei 2005 @ 15:49:
Verander dan de
code:
1
<br/>
in
code:
1
<br style="clear:both" />

Tnx André
Nu is de indeling in IE ook terug.

Vergeten: $_/-\o_$

[ Voor 12% gewijzigd door turkosh op 24-05-2005 15:55 ]

dinsdag 24 mei 2005 17:00

Acties:

kalechinees

Ik zou een onclick in de td plaatsen en de href door javascript doen

voorbeeld
<tr><td width="100" onclick="window.location.href='c:\'blablabal.html'"> </td></tr>

de spatie in de td heb je nodig omdat hij het anders als lege cel beschouwd (niet clickable).

de onclick kun je trouwens ook gebruiken in de <tr>

groet,

Jeffrey

dinsdag 24 mei 2005 17:16

Acties:

turkosh

Topicstarter

kalechinees schreef op dinsdag 24 mei 2005 @ 17:00:
Ik zou een onclick in de td plaatsen en de href door javascript doen

voorbeeld
<tr><td width="100" onclick="window.location.href='c:\'blablabal.html'"> </td></tr>

de spatie in de td heb je nodig omdat hij het anders als lege cel beschouwd (niet clickable).

de onclick kun je trouwens ook gebruiken in de <tr>

groet,

Jeffrey

Dat werkt ook. Net geprobeerd

. Maar ik vraag mij af of div niet handiger is?

[ Voor 12% gewijzigd door turkosh op 24-05-2005 17:16 ]

dinsdag 24 mei 2005 17:22

Acties:

André

Analytics dude

turkosh schreef op dinsdag 24 mei 2005 @ 17:16:
[...]

Dat werkt ook. Net geprobeerd . Maar ik vraag mij af of div niet handiger is?

Tuurlijk werkt dat ook maar het is wel een ranzige oplossing

dinsdag 24 mei 2005 17:38

Acties:

turkosh

Topicstarter

LOL.

Beetje ranzig, maar wel lekker

dinsdag 24 mei 2005 20:52

Acties:

crisp

Devver

Pixelated

Net zo min als dat je een TD in een anchor kan nesten kan je een DIV in een anchor nesten.
Een anchor kan en mag alleen inline of inline-block elementen bevatten.
Maak gewoon van je anchors zelf block-level elementen mbv CSS zodat je ze kan voorzien van een afmeting en achtergrond en je bent klaar

edit: overflow: fixed

[ Voor 7% gewijzigd door crisp op 24-05-2005 20:53 ]

Intentionally left blank

Pagina: 1

Reageer