Bold i hel tabellkolumn vid hovring, går det?

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
JohanE



Medlem i: 4038 dagar
Från: Borlänge
Status: Offline



#741339
Inlägg Skrivet: 2017-01-13 09:35      Ämne: Bold i hel tabellkolumn vid hovring, går det? Citera

Jag skulle vilja att en hel kolumn blir i fetstil när jag hovrar en cell. Jag har sökt och bara hittat highlight på det sättet. Detta vill jag ska skötas med endast css, är det möjligt?
Jag har inte hittat nåt liknande på nätet.

Highlight finns bland annat här: http://codepen.io/chriscoyier/pen/pvwmaR
 

_________________
///BMW - Was sonst!
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger ICQ-nummer
harald_b
Moderator



Medlem i: 3931 dagar
Från: Tavesta
Status: Offline



#741342
Inlägg Skrivet: 2017-01-13 14:21      Ämne: Citera

Den korrekta lösningen hade nog varit att använda col-elementen. Men de verkar varken ha stöd för :hover eller font.
En annan kunde vara att vrida tabellen 90 grader så raderna hamnar på höjden:
KOD:
1:
<style>
2:
tr {
3:
      display:inline-block;
4:
   }
5:
   td {
6:
      display:block;
7:
      height:2ex;
8:
   }
9:
   tr:hover {
10:
      font-weight:bold;
11:
   }
12:
</style>
13:
 
14:
 
15:
<table>
16:
   <tr><td>första</td><td>andra</td></tr>
17:
   <tr><td>tredje</td><td>fjärde</td></tr>
18:
</table>
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
mange84a



Medlem i: 2104 dagar
Från: Sverige
Status: Offline



#741393
Inlägg Skrivet: 2017-01-23 10:30      Ämne: Citera

Lite tips:
https://css-tricks.com/simple-css-row-column-highlighting/
 

_________________
Magnus Andersson - Webbdesigner & Webbutvecklare
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
JohanE



Medlem i: 4038 dagar
Från: Borlänge
Status: Offline



#741447
Inlägg Skrivet: 2017-02-04 22:49      Ämne: Citera

harald_b skrev:
Den korrekta lösningen hade nog varit att använda col-elementen. Men de verkar varken ha stöd för :hover eller font.
En annan kunde vara att vrida tabellen 90 grader så raderna hamnar på höjden:


Det var en spännande lösning. Kan dock bli en del jobb att ändra om.


mange84a skrev:
Lite tips:
https://css-tricks.com/simple-css-row-column-highlighting/


Ja den där har jag sett. Det är samma som jag postade i första inlägget. Jag har inte lyckats ändra highlight till fetstil bara.
 

_________________
///BMW - Was sonst!
Till toppen på sidan
Visa användarprofil Skicka privat meddelande MSN Messenger ICQ-nummer
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic