Just nu i M3-nätverket
Jump to content

Länkar


Lena Marie

Recommended Posts

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]

Link to comment
Share on other sites

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."

 

Link to comment
Share on other sites

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)

 

 

Link to comment
Share on other sites

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)

 

 

Link to comment
Share on other sites

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."

 

Link to comment
Share on other sites

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)

 

 

Link to comment
Share on other sites

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>

 

Link to comment
Share on other sites

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."

 

Link to comment
Share on other sites

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)

 

 

Link to comment
Share on other sites

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)

 

 

Link to comment
Share on other sites

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

------

Lena Marie

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

(Cecilia Frode:s Ängelen)

 

 

Link to comment
Share on other sites

Å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]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...