I en tabel har man muligheden for at klare det på flg. måde (jeg ved ikke, om det er den fedeste måde at gøre det på):
<a href="#"><tr>..............</tr></a>
Den synes straks at være mere kringlet, når man forsøger sig med en div.
For at få teksten til at stå pænt i min div, har jeg været nødsaget til at bruge padding-top, for at få skubbet teksten ned i midten. Ligeledes skal teksten starte 20px inde i div'en.
Når man benytter både padding og margin, vil baggrundsfarven i div'en også starte 20px inde ved a:hover. Ved a:hover skal HELE div'en markeres, og ikke 20px inde, hvor teksten også starter.
Man kan vel omgå det ved det at lave en div inde i div'en, så det er den, der laves en a: hover på. Men man kan vel style sig ud af det, uden at skulle lave alle mulige krumspring med ekstra div's etc? Håber I kan hjælpe.
Der er et problem med at sætte baggrundsfarve i link, da data bliver hevet ud i en løkke:
1. background-color: #xxxxxx; (inden starten på løkken køres igennem første gang
2. Når løkken er kørt igennem første gang: If background-color: #xxxxxx; Then background-color: #yyyyyy; ElseIf background-color: #yyyyyy; Then background-color: #xxxxxx; End If
3. Kør løkken igen
Så der skal ikke sættes nogen baggrundsfarve på a, kun på a:hover.
Ikke bedre kendt som text-align :) Der findes både en text-align og en vertical-align rent faktisk. Text-align centrerer horisontalt (right, center og left) hvor vertical-align centrerer vertikalt, som det nok er til at regne ud. (top, middle og bottom) ...
Og jo man skulle umiddelbart tro at det ville virke ligeså let som en valign på en tabel i gamle dage, men det gør det desværre ikke. Der er nogle problematikker ved det, med kendte og ukendte højder.
Jeg vil anbefale at du bare bruger margin til at justere til, nu hvor du har en fast højde på din div alligevel. Hvis man sætter det rigtigt op i CSS, kan det lade sig gøre og det vises ens i de forskellige browsere :)
Hvis du har nogle andre problemer med din ASP programmering, bedes du oprette et indlæg omkring dette i den kategori dertil :) Det vil nok gavne dig mere.
Der er nu ikke ASP inlkuderet i dette spørgsmål :) Jeg ville bare synliggøre, at der er forskel på baggrundsfarverne, de skifter mellem to farver, i takt med, at løkken bliver kørt igennem løkken.
Jeg prøver lige at tjekke din kildekode. Er det valideret? Det virker ikke i MSIE 6.
Jeg har ikke testet tilbage i IE6. Den er forældet. Men det virker i IE7, IE8, FF, Opera og Chrome lige af hvad jeg har testet. Det er ikke validérbart, da det ikke er tilladt at have et block element inde i en <a></a>. Altså et <p> tag eller en <div>.
Så skal du finde på en helt anden løsning. Måske et billede som firkanten f. eks.
Hej Lasse. Jeg har nu stærkt inspireret af dit CSS forsøgt mig frem og må erkende, at det ikke lykkes i IE6. Den vil jeg gerne have til at fungere, eftersom der er en del private brugere, der sidder med en W2K maskine og IE6.
Jeg har droppet at få hover-effekt med en anden baggrundsfarve, og i stedet brugt text-decoration: none/underline; samt skift af color.
Jeg vil lade spørgsmålet stå åbent i håb om, at der en én eller anden, der kan nogle cowboy-tricks :) Du skal nok få point for dit besvær, men jeg kan desværre ikke bruge det. Desuden er din side desværre ikke valid :(
Det nedenstående virker fint nok, pånær hover-effekten først opstår 20px inden i DIV'en. Men det er valid, og det virker. Så indtil videre bliver det sådan her. Jeg håber som sagt, at der er en anden, der kan ryste noget ud af ærmet:
Det er vist på tide at lukke. Takker for indsatsen, jeg fandt dog aldrig en brugbar løsning
Synes godt om
Ny brugerNybegynder
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.