[html] tabel als link is buggy

[Verwijderd]

Hallo allemaal,

Ik heb een tabel als link ingesteld:

<a href='#'><table><tr><td>klik mij</td></tr></table></a>

Ik geef de tabel een randje, een hoogte, een breedte en een kleur zodat het knop lijkt wat mij weer helpt met het dynamisch genereren van knoppen met php (stel je voor dat elk nieuwsbericht uit de database een eigen knop heeft).

Het leek allemaal goed te werken in ie en firefox, echter de link werkt maar 1 keer en daarna niet meer totdat je een nieuwe browser opstart.

ik heb de volgende css style meegegeven:

eerst:

a.knop {
font-size: 15px;
color: #FFFFFF;
font-family: Arial;
text-decoration: none;
}
a:hover.knop {
font-size: 15px;
color: #FFFFFF;
font-family: Arial;
text-decoration: none;
}

daarna dit erbij:

a:active {
font-size: 15px;
color: #FFFFFF;
font-family: Arial;
text-decoration: none;
}
a:visited {
font-size: 15px;
color: #FFFFFF;
font-family: Arial;
text-decoration: none;
}

Maar dit heeft geen effect.

Heeft iemand dit probleem ook wel eens gehad ? Een oplossing hiervoor ?

groet,

Beimkirche

[BtM909]

Stomme vraag, maar waarom wil je in hemelsnaam een tabel als link hebben

[Willem]

Tabellen kunnen niet als knoppen fungeren. (En zijn daar ook absoluut niet voor bedoeld)
Ik zou zeggen ga voor een workaround... mogelijkheden genoeg met <div>'s.

[Willem]

o ja, voortaan even je code tussen [code] code [/code] haken zetten en dubbele quotes gebruiken in je html

[ Voor 5% gewijzigd door Willem op 27-08-2004 10:44 ]

[André]

Als het je allemaal om de knop gaat, wat denk je dan van:

HTML:

<input type="button" style="border:1px solid #000000" onmouseover="this.style.backgroundColor='#FFFFFF'">

Een tabel daar voor gebruiken is natuurlijk onzin.

[semicon]

je zou de table met een onclick wel kunnen laten linken

code:

<table onclick="location.href='./asd.html'"><tr>.... .. </table>

[Willem]

Kijk als je dan zo nodig een tabel wilt gebruiken maar dan linkjes in cellen ofzo, maar geen a href om je table heen ...

[Woudloper]

Om nog even terug te komen op je titel van je topic aangezien de oplossingen reeds zijn aangedragen. Als link is het niet buggy, het mag helemaal niet, zie:

• http://www.htmlhelp.com/reference/html40/tables/table.html

Zoals je daar kan zien mag een table alleen vooraf worden gegaan door:

APPLET, BLOCKQUOTE, BODY, BUTTON, CENTER, DD, DEL, DIV, FIELDSET, FORM, IFRAME, INS, LI, MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH

Qua oplossing zou ik verder gewoon voor een form button gaan of voor een onclick event. Mocht je nog een handje van je mousecursor willen hebben, dan moet je nog een cursor definiëren voor je table stylesheet.

[SchizoDuckie]

lmao
DE oplossing hiervoor: GEEN tabel gebruiken als knop
Je weet hoe css werkt zo te zien. waarom style je dan niet je <button> ?

[Willem]

Woudloper: Even offtopic maar heb nog geen tijd gehad voor je mailtje Sry

[Woudloper]

willem169 schreef op 27 augustus 2004 @ 11:02:
Woudloper: Even offtopic maar heb nog geen tijd gehad voor je mailtje Sry

offtopic:
Geeft niet... Was geduldig en had geen haast...

[Verwijderd]

ok duidelijk,

Ik zie mij genoodzaakt om te beloven dat ik nooit meer zulke vieze code zal maken. Ik heb de tabel nu een onclick gegeven. Helaas krijg je dan geen 'handje' die aangeeft dat de knop een link is. Daarom heb ik nog van de tekst in de knop een link gemaakt zodat het er een beetje op gaat lijken. Dit is voor nu wel goed genoeg.

bedankt beste mensen !

[André]

Verwijderd schreef op 27 augustus 2004 @ 11:09:
ok duidelijk,

Ik zie mij genoodzaakt om te beloven dat ik nooit meer zulke vieze code zal maken. Ik heb de tabel nu een onclick gegeven. Helaas krijg je dan geen 'handje' die aangeeft dat de knop een link is. Daarom heb ik nog van de tekst in de knop een link gemaakt zodat het er een beetje op gaat lijken. Dit is voor nu wel goed genoeg.

bedankt beste mensen !

Dat handje kun je krijgen door op je table een style te zetten met "cursor: pointer"

[Verwijderd]

je zou ook zoiets kunnen proberen..

code:

a:link.menubutton,
a:hover.menubutton,
a:active.menubutton,
a:visited.menubutton {
    display: block;
    background: #FF6600;
    color: #5D5D5D;
    height: 20px;
    padding: 0px 15px 0px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    float: left;
}
a:hover.menubutton {
    background: #FF6600;
    color: #FFFFFF;
}
a:active.menubutton {
    background: #5D5D5D;
    color: #FFFFFF;
}

[J27]

TS:

ok duidelijk,

Ik zie mij genoodzaakt om te beloven dat ik nooit meer zulke vieze code zal maken. Ik heb de tabel nu een onclick gegeven. Helaas krijg je dan geen 'handje' die aangeeft dat de knop een link is. Daarom heb ik nog van de tekst in de knop een link gemaakt zodat het er een beetje op gaat lijken. Dit is voor nu wel goed genoeg.

bedankt beste mensen !

Een link in een link (of een element met onclick) is nu ook niet bepaald mooie code, dus je belofte houdt meteen al geen stand waarom gebruik je, zoals door anderen ins voorgesteld, geen div of button met een border ?

André schreef op 27 augustus 2004 @ 11:17:
Dat handje kun je krijgen door op je table een style te zetten met "cursor: pointer"

{cursor:pointer;cursor:hand;}

zelfs verschillende versies van IE (bijv: 5.5 != 6.0) hebben al verschillende implementaties hiervoor, vandaar dat je ze beter allebei kan gebruiken.

edit: Andre, sorry, het leek dat ie geneste quotes niet quote en toen heb ik te snel ge-copy/past, ik heb het nu een beetje aangepast

[ Voor 16% gewijzigd door J27 op 27-08-2004 11:46 ]

[André]

Quote mij wel even goed, dat eerste stuk is niet van mij

edit: oke, prima zo

@CrashOne: daarom wilde ik wel een andere quotevermelding, dit zijn geen teksten die uit mijn t-bord komen

[ Voor 60% gewijzigd door André op 27-08-2004 11:51 ]

[CrashOne]

_{lol, andré weer met zijn vieze code}

[Verwijderd]

Sorry niet goed gelezen moet dynamisch worden

Kun je niet gewoon van die tabel een plaatje maken en dan

code:

 <a href = "..."><img src = "plaatje van tabel.jpg"></a>

[ Voor 33% gewijzigd door Verwijderd op 27-08-2004 12:00 ]

[Verwijderd]

kan je niet gewoon je <a>-element opmaken met background-color, border en dat soort meuk?

[SchizoDuckie]

Verwijderd schreef op 27 augustus 2004 @ 12:09:
kan je niet gewoon je <a>-element opmaken met background-color, border en dat soort meuk?

dat proberen we hem dus al 16 posts uit te leggen

[Pelle]

Tsja, dit kan dus gewoon niet op deze manier, maar zoals je ziet zijn er genoeg manieren om het anders op te lossen.