CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede buxxy Praktikant
22. december 2011 - 22:38 Der er 11 kommentarer og
1 løsning

Angive textcolor ved hoover

Hej Eksperter.

Jeg har downloadet en dropdown menu herfra:
http://www.stunicholls.com/menu/pro_dropdown_2.html

Menuen kan foldes ud i 5 led/niveauer. Jeg kan dog ikke hitte ud af at definere en anden tekstfarve end hvid ved mouseover/hoover. Eller jo, det kan jeg godt - men så er det den samme hoover tekstfarve ved alle links i alle 5 led/niveauer. Jeg ønsker dog ikke samme hoover tekstfarve ved alle links, men derimod kun samme farve ved alle links "i hver sin boks/niveau". Med det mener jeg, at f.eks. skal alle tekst hoover farve være blå i "niveau 1", rød i "niveau 2", grøn i "niveau 3" osv.

Er her mon et kvikt hovede der kan greje den/se løsningen derpå ?

Jeg må ærligt erkende at så mange li - ul's det gør mig næsten rundtosset at overskue / kigge på..

Fortsat god aften.
Avatar billede NielsErikP Mester
23. december 2011 - 00:04 #1
Hej...

Jeg har kortet menu'en i dit link ned for at give dig et billed af det.... Jeg har valgt menu punktet contacts fordi det har fem niveauer, nemlig Sales, European, British, Bristol ....



<ul id="nav">
    <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Contacts</span></a>
        <ul class="sub">
            <li><a href="#nogo29" class="fly">Sales</a>
                <ul>
                    <li><a href="#nogo33" class="fly">European</a>
                        <ul>
                            <li><a href="#nogo34" class="fly">British</a>
                                <ul>
                                    <li><a href="#nogo38" class="fly">Bristol</a>
                                        <ul>
                                            <li><a href="#nogo39">Redland</a></li>
                                            <li><a href="#nogo40">Hanham</a></li>
                                            <li><a href="#nogo41">Eastville</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>




For at give niveauerne forskellige kulører er her lidt CSS :


#nav li a:hover {
  color: Farve; // Menupunktet Contacts farve.
}
#nav li ul li a:hover {
  color: blue; // MenupunktetSales farven blå.
}
#nav li ul li ul li a:hover {
  color: red; // Menupunktet European farven rød.
}
#nav li ul li ul li ul li a:hover {
  color: green; // Menupunktet British farven grøn.
}
#nav li ul li ul li ul li ul li a:hover {
  color: brown; // Menupunktet British farven brun.
}
#nav li ul li ul li ul li ul li ul li a:hover {
  color: Burlywood; //Linksene i sidste Niveau farven Burlywood.
}



Håber du kan bruge det :-)
Avatar billede buxxy Praktikant
23. december 2011 - 01:13 #2
Hej - mange tak for svaret.

Det ændrer dog ikke på nogle af farverne. Jeg har lagt CSS-koden ind i den eksisterende CSS-fil.

Her er den nuværende CSS-kode:

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #bbd37e;}
#nav li ul.sub li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#6a812c; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;}

#nav li a:hover {
  color: #000; /* Menupunktet Contacts farve.*/
}
#nav li ul li a:hover {
  color: blue; /* MenupunktetSales farven blå.*/
}
#nav li ul li ul li a:hover {
  color: red; /* Menupunktet European farven rød.*/
}
#nav li ul li ul li ul li a:hover {
  color: green; /* Menupunktet British farven grøn.*/
}
#nav li ul li ul li ul li ul li a:hover {
  color: brown; /* Menupunktet British farven brun.*/
}
#nav li ul li ul li ul li ul li ul li a:hover {
  color: Burlywood; /*Linksene i sidste Niveau farven Burlywood.*/
}

Og her følger koden fra HTML-filen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> stu nicholls dot com | menu - Professional dropdown #2</title>
<meta name="Author" content="Stu Nicholls" />

<link rel="stylesheet" type="text/css" href="pro_dropdown_2/pro_dropdown_2.css" />

<script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script>

</head>

<body>

<span class="preload1"></span>
<span class="preload2"></span>

<ul id="nav">
    <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Contacts</span></a>
        <ul class="sub">
            <li><a href="#nogo29" class="fly">Sales</a>
                <ul>
                    <li><a href="#nogo33" class="fly">European</a>
                        <ul>
                            <li><a href="#nogo34" class="fly">British</a>
                                <ul>
                                    <li><a href="#nogo38" class="fly">Bristol</a>
                                        <ul>
                                            <li><a href="#nogo39">Redland</a></li>
                                            <li><a href="#nogo40">Hanham</a></li>
                                            <li><a href="#nogo41">Eastville</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

</body>
</html>

Hmm, har jeg mon gjort noget forkert siden det ikke virker ?
Avatar billede The_Buzz Novice
23. december 2011 - 08:38 #3
og hvor kan vi se det? En URL?
Avatar billede buxxy Praktikant
23. december 2011 - 13:31 #4
http://www.hundedebat.dk/pro_dropdown_2/pro_dropdown_2.html
Avatar billede buxxy Praktikant
23. december 2011 - 17:33 #5
Nå, efter at have studeret koden nærmere, og ikke mindst mere grundigt, så fandt jeg selv ud af at lave det som jeg vil have det.

Nedenstående løsning lader mig style hvert enkelt level/niveau - hver for sig.

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

/* All Link Colors */
#nav li a
{color: black;}

/* Position Of The Dropdown's */
#nav li:hover {position:relative; z-index:200;}

/* Main Niveau */
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Hide The Next level */
#nav ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* Niveau 1 */
#nav li ul li a:hover
{color: blue; /* Hover Color */}
#nav li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover ul.sub
{left: 1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; text-decoration:none;border:1px solid #bbd37e;}
#nav li:hover ul.sub li a:hover
{background:#6a812c; border-color:#fff;}
#nav li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; border-color:#bbd37e;}
#nav li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;}
#nav li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; border-color:#fff;}

/* Niveau 2 */
#nav li ul li ul li a:hover
{color: red; /* Hover Color */}
#nav li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover li:hover ul.sub
{left: 1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; text-decoration:none;border:1px solid #bbd37e;}
#nav li:hover li:hover ul.sub li a:hover
{background:#6a812c; border-color:#fff;}
#nav li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; border-color:#bbd37e;}
#nav li:hover li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;}
#nav li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; border-color:#fff;}

/* Niveau 3 */
#nav li ul li ul li ul li a:hover
{color: green; /* Hover Color */}
#nav li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover li:hover li:hover ul.sub
{left: 1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover li:hover li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover li:hover li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; text-decoration:none;border:1px solid #bbd37e;}
#nav li:hover li:hover li:hover ul.sub li a:hover
{background:#6a812c; border-color:#fff;}
#nav li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; border-color:#bbd37e;}
#nav li:hover li:hover li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;}
#nav li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; border-color:#fff;}

/* Niveau 4 */
#nav li ul li ul li ul li ul li a:hover
{color: brown; /* Hover Color */}
#nav li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover li:hover li:hover li:hover ul.sub
{left: 1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover li:hover li:hover li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover li:hover li:hover li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; text-decoration:none;border:1px solid #bbd37e;}
#nav li:hover li:hover li:hover li:hover ul.sub li a:hover
{background:#6a812c; border-color:#fff;}
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; border-color:#bbd37e;}
#nav li:hover li:hover li:hover li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;}
#nav li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; border-color:#fff;}

/* Niveau 5 */
#nav li ul li ul li ul li ul li ul li a:hover
{color: Burlywood; /* Hover Color */}
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover li:hover li:hover li:hover li:hover ul.sub
{left: 1px; top:38px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover li:hover li:hover li:hover li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover li:hover li:hover li:hover li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; text-decoration:none;border:1px solid #bbd37e;}
#nav li:hover li:hover li:hover li:hover li:hover ul.sub li a:hover
{background:#6a812c; border-color:#fff;}
#nav li:hover li:hover li:hover li:hover li:hover ul.sub li a.fly:hover
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat;}
#nav li:hover li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; border-color:#bbd37e;}
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; border-color:#fff;}

Anyway, tak for hjælpen til Jer begge to.

Glædelig jul og godt nytår!
Avatar billede NielsErikP Mester
23. december 2011 - 22:40 #6
Hej..
For mig at se er din "Egen kode".. i den første linje de forskellige niveauer... Det samme Css som skrevet i #1 ..!


Men det var da godt Du fandt ud af det...

Ja tak i lige måde :-)
Avatar billede buxxy Praktikant
23. december 2011 - 23:40 #7
Jeg har da vist ikke nævnt noget om at det er "Min egen kode"... ?

Jeg fandt selv ud af hvordan koden du postede, skulle indsættes i den eksisterende CSS fil. Det vidste jeg ikke til at starte med - det var også derfor jeg skrev "Hmm, har jeg mon gjort noget forkert siden det ikke virker ?".

Nå, men hvis du lige smider et svar - så kan vi få "afregnet". :-)

Og du skal selvfølgelig have mange tusind tak for hjælpen :-)
Avatar billede NielsErikP Mester
24. december 2011 - 00:52 #8
Hej...
Skal vi ikke bare kalde det Din egen kode .. i forhold til stunicholls.... .-)

Det glæder mig da du kunne bruge min hjælp.

Meeerry Christmas!!
Avatar billede NielsErikP Mester
24. december 2011 - 00:58 #9
Hej...
Vil lige sige det er nok klogere at du sætter farverne til et #xxxxxxxxx frem for red,green, brown, burlywood... i forhold til validering ved W3C..
Avatar billede olebole Juniormester
24. december 2011 - 14:45 #10
<ole>

@NielsErikP: Det har ingen betydning. Red, green, brown er helt valide værdier - ligesom f.eks. ButtonFace, Highlight og HighlightText  =)

/mvh
</bole>
Avatar billede NielsErikP Mester
28. december 2011 - 23:14 #11
Hej...
@olebole... Point taken fra en erfaren... mente bare jeg var ude for at W3C brokkede sig over manglende values engan ved en validering.. Men Erfaringen har talt, såååå det er nok bare noget jeg har drømt så :-)
Avatar billede olebole Juniormester
29. december 2011 - 01:21 #12
Njaahhh ... det gode julehumør løb vist lidt af med mig  *<|:o)

brown er faktisk ikke en valid farve. Red, green, maroon, yellow, orange og nogle flere er valide - og browserne forstår en hel del flere. Dette validerer således helt fint hos W3C:


div {
    color: orange;
    background: yellow;
}


For fuldstændighedens skyld, er her et link til de predifinerede farver - og her et link til de predefinerede systemfarver. Vær dog opmærksom på, at sidstnævnte falder ud i CSS3! IE vil dog formodentlig beholde dem, så de fortsat kan bruges i rene MS-ting, som HTA-applikationer o.lign.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 16:05 Log ind problem på WordPres side Af Prevo i Andet software
22/0917:26 NAV 2016 mailliste Af Hans Peter i Økonomiprogrammer
22/0900:56 Win 10 Af lurup i Windows Phone
21/0915:09 Mobilrouter mangler forbindelse i Sverige Af perhol i Routere & Switches
21/0910:53 WordMat Af jgormm i Word
White papers
Flere white papers »


Premium
Teaser billede
Lønningerne sætter nye rekorder: Så meget tjener du nu som ansat i den danske it-branche
Læs mere »
Microsoft har fundet alvorlig sårbarhed og hasteopdaterer: Er 10 ud af 10 på skalaen
112 år gammel dansk virksomhed hacket af kendt hackergruppe - men René vil ikke betale løsesum
Sikkerhedsekspert Michael Gustaffson fortæller: Sådan fik vi afværget verdens største DDoS-angreb
Se alle »
Computerworld
Teaser billede
Microsoft tvangsinstallerer app i din Office 365 i næste måned: Du kan ikke slippe
Læs mere »
I aften sker det: Din iPhone får en monumental opdatering
Amigaen er tilbage – nu er den 400 gange hurtigere end tidligere
Test: Garmins tyndeste smartur kan give Apple Watch kamp til stregen
Se alle »
CIO
Teaser billede
”Det fylder helt oppe på direktionsgangene:" Danske topkonsulenter løfter sløret for det allervigtigste it-tema lige nu
Læs mere »
Region Sjælland dropper kæmpe Oracle-planer til 150 millioner kroner: Skifter til SAP
En af verdens største cloud-transformationer er færdiggjort: 100.000 medarbejdere er blevet koblet på
Microsoft-topchef Satya Nadella er "hjemsøgt" af frygten for, at AI bliver Microsofts død
Se alle »
Job & Karriere
Teaser billede
Tryg skiller sig af med 225 it-medarbejdere: Outsourcer stor del af sin it-drift til indere
Læs mere »
Her er fidusen: Sådan fastholder KMD og Twoday deres it-folk i lang tid
Henrik Bodskov fratræder som topchef for Aeven: Her er den nye topchef
Novo Nordisks CIO og digitale topchef, Anders Romare, forlader selskabet
Se alle »
White paper
Teaser billede
Cybersikkerhed 2025: Er din branche blandt de mest udsatte?
Læs mere »
Fra drift til strategi: IT-chefens genvej til et stærkere netværk
Er I klar til at tage næste skridt på den digitale retailrejse?
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »