Søg
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:13 Der er 15 kommentarer og
1 løsning

mouse over effect

body {
    background-color: white;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url("adresse.gif");
    background-position: 0 bottom;

}

jeg har lavet en style sheet hvor jeg har insæt et billed .. men jeg skal lave det således at man kan lave en mouse over effect... jeg har lavet 2 forskellige billeder .. adresse og adresse1 .. det er selv. adresse1 der skal være effecten.. nogen der kan hjælpe ?? lige ledes skal jeg lave en tekst box midt på siden ... nogen der har en ide til hvordan jeg kan gøre det ?
Avatar billede schaefner Juniormester
23. november 2004 - 09:22 #1
En simpel "mouseover-effekt" på links:

a {
  background: #FFF url(adresse.gif) no-repeat left bottom;
}

a:hover {
  background-image: url(adresse1.gif);
}
Avatar billede schaefner Juniormester
23. november 2004 - 09:24 #2
Det er den eneste måde du kan lave "mouseouver" i CSS, hvis det også skal virke i IE. IE understøtter kun pseudo-klassen 'hover' på links.
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:26 #3
skal jeg bare insætte denne script i style.css ?
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:27 #4
kan man samtidge får denne billed om til et link ?
Avatar billede schaefner Juniormester
23. november 2004 - 09:28 #5
Måske, men først ville det være rart hvis du skrev præcis hvad du ønsker at opnå. Skal det være en "mouseover-effekt" på links?
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:29 #6
yep, jeg skal lave en mouseover-effekt samtidge med at det skal være en link.. er det muligt ?
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:30 #7
lige nu ser min style.css

body {
    background-color: white;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url("adresse.gif");
    background-position: 0 bottom;

}

a {
  background: #FFF url(adresse.gif) no-repeat left bottom;
}

a:hover {
  background-image: url(adresse1.gif);
}
Avatar billede schaefner Juniormester
23. november 2004 - 09:31 #8
Ja.

a {
  width: 200px;
  height: 100px;
  background: #FFF url(adresse.gif) no-repeat left bottom;
  display: block;
}

a:hover {
  background-image: url(adresse1.gif);
}

<a href="#">Dette link er 200x100px og burde ha' en baggrund</a>
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:34 #9
billedet er midt på siden... hvordan får jeg den til ventra højre ?
Avatar billede schaefner Juniormester
23. november 2004 - 09:36 #10
ventra højre?
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:42 #11
den skal placeres på  0 bottom; men billedet vises midt på siden..
Avatar billede schaefner Juniormester
23. november 2004 - 09:45 #12
billedets position er jo udfra linkets placering.
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:50 #13
hvad mener du, jeg tror jeg dropper det med mouse over effekt... kan du finde ud af at lave en tekst box midt på en side ? i eks. html ?
Avatar billede logitech33 Nybegynder
23. november 2004 - 09:52 #14
hvis ikke... læg et svar .. således at jeg kan give dig nogen af points
Avatar billede schaefner Juniormester
23. november 2004 - 09:55 #15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
}
table {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
</style>
</head>

<body>

<table>
    <tr>
        <td><textarea cols="70" rows="5">Jeg skulle gerne stå midt på siden</textarea></td>
    </tr>
</table>

</body>
</html>

Med venlig hilsen
Jesper Sørensen
Avatar billede logitech33 Nybegynder
23. november 2004 - 10:00 #16
tak for hjælpen..
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:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »