Aloha, trodde i min enfald att :
onmouseover="this.style.border = '1px solid black';" onmouseout="this.style.borderstyle = 'none';" skulle fungera men inte? Pillat med lite olika varianter border-bottom osv med samma klena resultat. På en <td> fungerar det ju finfint.
this.style.background fungerar på <tr> men inte tillämpligt f min del, är detta det enda man kan påverka?
Kan inte annat än att bekräfta och även tillägga att inte funkar med CSS heller. Jag letade lite och det verkar inte som tr är ett inline-element och därför inte kan ta border-attributet.
Bockar och bugar för svaren, satt precis och harvade igenom w3c för att hitta en CSS-bakväg. Å ena sidan känns det ju "skönt" att det inte var jag som var helt dum/blind, å andra sidan värdelöst att det inte funkar. :)
- Men Jarvklo, din lösning är riktigt vacker :bire, bara att beklaga att det inte fungerar för "gemene man".
om man har två td bredvid varandra, så får väl de varsin border
Jo, och det ser kaka ut.. :)
Att min uppdragsgivare kör FFdär Jarvklos lösning funkar spelar mindre roll då kunderna inte gör det.
- Äsch, det som kändes som ett enkelt problem i morse visade sig vara "ömöjligt", ain't lifr a motherf*cker.. ;)
Hmm...
Omöjligt borde det väl iofs inte vara - Antag att du kan klura ut hur du med Javascript och HTML-DOM tar reda på
* "first-child" (= första td:n) för en tr och sedan ställer in border för top, left och bottom på den
* "last-child" (=sista td:n) och ställer in border top, right och left
* och sedan klurar ut hur du kan loopa igenom alla td-taggar som inte är "first" eller "last" och ställa in border-top och border-bottom på dem.
Antag sedan att du kan klura ut hur du lägger detta i en funktion som tar "this" och en border-definition som argument och koppla denna (med rimliga argument) till onmouseover och onmouseout ....
Nu till problemet - Jag är inte Javascriptare nog att kunna klura ut detta - men det finns ju experter på sådant i andra forum här, eller hur (iaf borde det kunna finnas någon här som kan tala om för oss om detta är en omöjlig idé eller ej ;) )
Jarvklo - jo, om man visste sånt, jag skulle hacka mot något som gav mig odd/even i ren html tillbaka, första sista är "härligt" okänt.
Nåja, de med FF kommer att se andra saker än de me IE. All funktionalitet kvarstår dock :)
Nå Jarvklo, efter att ha tuggat ännu en "beyond knowledge" standard till frukost - har du någon förklaring till att <tr> inte är ett inline-element och inte tar border i IE enligt ditt tidigare förslag? Jag är mest bara nyfiken :e
I FF märkte jag däremott att 1px solid transparent inget gav extra padding förrän efter mouseover?
har du någon förklaring till att <tr> inte är ett inline-element och inte tar border i IE enligt ditt tidigare förslag?
Nä, det jag först hittade i standarden om "border-properties" var att "these properties applies to all elements" vilket jag snabbt började tvivla på efter att ha provat påståendet genom att försöka lägga en border på en <br /> §e
Rows, columns, row groups, column groups, and cells may have borders drawn around them (there are two border models in CSS 2.1).
och sedan ges det flera exempel på hur man lägger border på <tr> med CSS... Så enligt standard skall det funka (antar alltså att bristen på stöd för detta i MSIE är en bugg :e )
Nä, det jag först hittade i standarden om "border-properties" var att "these properties applies to all elements" vilket jag snabbt började tvivla på efter att ha provat påståendet genom att försöka lägga en border på en <br /> §e
Totalt OT, men frugan undrade på vad jag garvade åt, detta är humor ;) :e
Nä, det jag först hittade i standarden om "border-properties" var att "these properties applies to all elements" vilket jag snabbt började tvivla på efter att ha provat påståendet genom att försöka lägga en border på en <br /> §e
Rent tekniskt sett borde ju br inte vara en tagg utan en entity för att passa in i standarden...