CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

djsteiner Nybegynder

17. oktober 2015 - 11:27 Der er 6 kommentarer og
1 løsning

CSS hover over tekst og div på samme tid

Hej alle

Jeg vil gerne have lavet en løsning sådan at når man holder musen hen over enten teksten eller "boxen" så ændre farven på begge elementer på samme tid.

Jeg har sat noget op her:

http://djsteiner.dk/

Håber det giver mening :)

Synes godt om

Hoxfoximper Nybegynder

17. oktober 2015 - 12:23 #1

#lol:hover{
background: #000;
}

#lol > span{
color: #fff;
}

Synes godt om

Hoxfoximper Nybegynder

17. oktober 2015 - 12:24 #2

#lol:hover{
background: #000;
}

#lol > span:hover{
color: #fff;
}

Synes godt om

Hoxfoximper Nybegynder

17. oktober 2015 - 12:26 #3

Ellers hvis mig html strukturen så får du en optimal løsning:D

Synes godt om

djsteiner Nybegynder

17. oktober 2015 - 13:17 #4

Hej Hoxfox :)

her har du min kode:

<style>
div.item {
/* To correctly align image, regardless of content height: */
vertical-align: top;
display: inline-block;
/* To horizontally center images and caption */
text-align: center;
/* The width of the container also implies margin around the images. */
width: 120px;
}
.box {
width: 100px;
height: 100px;
background-color: grey;
}

.box:hover{ background-color:#F51619;
}

.caption {
/* Make the caption a block so it occupies its own line. */
display: block; }

/* unvisited link */
a:link {
color: #000;
text-decoration: none;
}

/* visited link */
a:visited {
color: #000;
text-decoration: none;
}

/* mouse over link */
a:hover {
color: #F51619;
}

/* selected link */
a:active {
color: #F51619;
border-bottom:solid 1px #F51619;
}

</style>

<body>
<div class="item">
<div class="box"></div>
<a href="#"><span class="caption">Vare</span></a>
</div>
<div class="item">
<div class="box"></div>
<a href="#"><span class="caption">Retur</span></a>
</div>
<div class="item">
<div class="box"></div>
<a href="#"><span class="caption">Retur</span></a>
</div>

Synes godt om

djsteiner Nybegynder

17. oktober 2015 - 13:20 #5

Det jeg gerne vil opnå er noget i stil med dette:

http://www.stylepit.dk/CustomerService

Synes godt om

Hoxfoximper Nybegynder

17. oktober 2015 - 17:32 #6

div.item:hover div{
background-color:#F51619;
}

div.item:hover a span{
color: #F51619;
}

fjern det der er nedenfor denne tekst

/* mouse over link */
a:hover {
color: #F51619;
}

.box:hover{ background-color:#F51619;
}

Synes godt om

djsteiner Nybegynder

18. oktober 2015 - 03:44 #7

Fantastisk Hox!:) mange tak for hjælpen :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Flere spørgsmål fra Andet programmering kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
ASP Classic fil fra subfolder Af bsn i Andet programmering	3	07/05/202416:14	08/05/202401:00
Session Variable Af bsn i Andet programmering	3	01/05/202409:44	02/05/202409:29
Modifyed Field for all Records in Access Af ingeman i Andet programmering	2	29/04/202416:05	30/04/202407:19
Delphi - Parser JSON Fil Af juzas i Andet programmering	4	25/02/202407:13	28/02/202420:56
Bat fil Af sjass i Andet programmering	5	15/01/202417:45	15/01/202420:35

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS

01/06

Historisk prisfald: Tesla Model 3 fås nu til længe ventet kup-pris

31/05

Test: Så godt dækker trådløs vidunder-wifi - bader hjemmets tre etager i lynhurtigt internet

31/05

VMware udvider samarbejdet med Microsoft og bevæger sig væk fra AWS

31/05

Rigsrevisionen kritiserer fire statslige myndigheder for dårlig it-sikkerhed: Har haft seks år til at løse problemet

31/05

Jeg havde simpelthen aldrig forestillet mig, at det nye Rejsekort ville minde om noget, der var udtænkt af IBM i 60’erne

31/05

Microsofts nye Windows 11-funktion kaldes ”en guldgrube for hackere”

31/05

"Jeg var den sjette medarbejder, der blev ansat dengang, i dag er vi over 1000"

31/05

Twoday rykker hovedkontoret til Nordhavn: Opsiger flere lejemål og samler kontorer

31/05

Rambøll har 18.000 ansatte i hele verden: Sådan har selskabets top-CIO Thomas Angelius skabt en slagkraftig it-organisation

31/05

TikTok på vej med kopi-app for at omgå amerikansk forbud

31/05

IBM fik boost af skilsmissen - Kyndryls image er i frit fald: Læs kundernes iskolde karakterer til 50 it-firmaer i vores nye temanummer

Vis flere artikler

IT-JOB

Capgemini Danmark A/S

Sr. Data Consultant for our fast-growing Insights & Data team

Jyske Bank

Jyske Finans søger en Business Developer - Har du viljen til at gøre en forskel?

Andel Holding A/S

Optimer og opsæt indkøbsprocesser som vores nye SAP S/4HANA P2P Applikationskonsulent

Udviklings- og Forenklingsstyrelsen

Kontorchef til Erhvervs- og EU-løsninger

Akademikernes A-kasse

IT-supporter med teknisk flair

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 10:11	LENOVO genstarter af sig selv, når jeg ser video på Facebook Af keld66 i Windows
I dag 09:37	Prosomic 65 uand8009 Af Bassine i Fjernsyn & projektorer
I går 20:46	opkaldside Af hagbartm i Mobiltelefoner
I går 16:05	win 10 vil ikke boote Af bb69 i Windows
I går 11:20	Lenovo x390 Af tobberjas i PC