Just nu i M3-nätverket
Gå till innehåll

Länkar


Lena Marie

Rekommendera Poster

Jag har följande i mitt style.css

a:link {color: #990000;

text-decoration: none;

font-size: 12px

}

 

a:visited {color: #990000;

text-decoration: none;

font-size: 12px

}

 

a:hover {color: #990000;

text-decoration: underline;

font-size: 14px

}

Problemet är själva hover. När jag går över med pekaren flyttar sig hela texten för länken ett par mm neråt. Otroligt störande. Finns det något man kan göra för att fixera eländet?

P.S. Utan att ändra till 12 px.

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

[inlägget ändrat 2003-02-21 20:36:02 av Lena Marie]

Länk till kommentar
Dela på andra webbplatser

Eftersom storleken på texten ökas vid hover så måste den ju expandera åt nåt håll. Anledningen att det blir just nedåt beror nog på att sidorna "byggs" uppifrån.

 

Har ingen lösning på problemet men jag skulle rekommendera att göra nåt annat vid hover. Att ändra storlek eller ändra till t ex fetstil är inte snyggt, men det är iofs bara min åsikt =)

 

 

~ Stefan ~

 

"Ingen kan hjälpa alla men alla kan hjälpa någon."

 

Länk till kommentar
Dela på andra webbplatser

Tack Stefan K. Fetstil kanske kan vara en idé. Ska prova.

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

Länk till kommentar
Dela på andra webbplatser

Jag ändrar hoverfärg i stället för px. Det vart bättre så.

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

Länk till kommentar
Dela på andra webbplatser

Jag menade att det INTE är snyggt. Av den anledningen att texten ändrar storlek.

 

Testa att byta till nån annan färg vid hover!

 

 

~ Stefan ~

 

"Ingen kan hjälpa alla men alla kan hjälpa någon."

 

Länk till kommentar
Dela på andra webbplatser

Tack, jag förstod, men måste ju överväga allt. Även om du säger att det INTE blir snyggt. Vi pratar dessutom i munnen på varandra. Byta färg skrev vi nog samtidigt, du och jag :-) Det blev iaf bra med färgskiftning istället.

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

Länk till kommentar
Dela på andra webbplatser

Ja det blir ju så beroende på att du har 2px större på hover.

Testa detta i stället, blir du inte nöjd så fixar jag nåt bättre. Vill du inte ha blå färg på hover så bara ändra.

 

 

<style type="text/css">

<!--

a:link {color: #990000; font-size: 12px; }

a:active {color: #990000; font-size: 12px; }

a:visited {color: #990000; font-size: 12px; font-weight: bold; }

a:hover {color: #0000ff; font-size: 12px; font-weight: bolder;}

-->

</style>

 

Länk till kommentar
Dela på andra webbplatser

Ja självklart ska man prova olika saker! Vissa saker kan ju dessutom passa bra vid ett tillfälle men mindre bra vid ett annat. Ja, jag såg att du också skrev om färgbyte, vi prickade in precis på minuten =)

 

 

~ Stefan ~

 

"Ingen kan hjälpa alla men alla kan hjälpa någon."

 

Länk till kommentar
Dela på andra webbplatser

Tack snälla BoEriksson. Men jag kör på föregående idé om färgbyte. Det blev faktiskt jättesnyggt.

Tack Stefan K och BoEriksson för idéer.

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

Länk till kommentar
Dela på andra webbplatser

Sedan kan man ju undra hur galen man är som sitter och designar webb-sidor klockan nio en fredagkväll. Har du inget liv, kunde någon säga. *fniss*

 

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

Länk till kommentar
Dela på andra webbplatser

Livet är underbart när ...pixlar & Mhz & GB & <BODY>

------

Lena Marie

"Jag vill inte passa in - jag vill passa på!"

(Cecilia Frode:s Ängelen)

 

 

Länk till kommentar
Dela på andra webbplatser

Åsså kan man förstås använda klasser på detta vis också

 

<style type="text/css">

<!--

a.1 {width: inherit; height: 16; color: red; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=blue, Strength=4)}

a.1:hover {Filter: Glow(Color=yellow, Strength=4) }

a.2 {width: inherit; height: 16; color: yellow; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=red, Strength=4)}

a.2:hover {Filter: Glow(Color=blue, Strength=4) }

a.3 {width: inherit; height: 16; color: black; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=white, Strength=4)}

a.3:hover {Filter: Glow(Color=red, Strength=4) }

 

-->

</style>

 

<A HREF = sidan.htm class="1"> Länk1 </A><BR><BR>

<A HREF = sidan.htm class="2"> Länk2 </A><BR><BR>

<A HREF = sidan.htm class="3"> Länk3 </A><BR><BR>

 

[inlägget ändrat 2003-02-21 23:38:19 av BoEriksson]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...