Avatar billede mik789 Nybegynder
04. oktober 2001 - 16:47 Der er 12 kommentarer og
1 løsning

billed-link og position:relative

Det her er mærkeligt: jeg har et lille engelsk flag på siden der er et link en engelsk version af siderne. af en eller anden grund virker billedet ikke længere som link i NS 4.x efter at jeg ændrede den style der styrer det fra position:absolute til position:relative (hvor jeg selvfølgelig også ændrede målene tilsvarende). da jeg havde det placeret absolut var der ingen problemer IKKE ENGANG i NS 4.x. Det spøjse er at linket er der, men ikke der hvor billedet er. Dvs. når man har musen over billedet, sker der ingen ting, men hvis man fører den til venstre så reagerer den på linket lige efter billedet til venstre for mellemrummet hen til flaget, og hvis man klikker her, kommer man faktisk frem hvor man skal. Jeg skulle måske i stedet for flaget have et billede af en pil til venstre :-) men det var jo ikke meninge. Det er kun i NS 4.x jeg har problemet. Jeg har <span></span> uden om <a href...></a> og <img ...> inderst, men det er kun billedet der lader sig styre af målene, ikke linket. I kan se det på adressen: http://www.hum.sdu.dk/projekter/dahr
Her er koden:

- først fra stylesheetet:

.flag {
position:relative; bottom:3px; left:130px;
}

- og så fra tabelcellen med flaget:

            <td align=\"left\" valign=\"Top\" width=\"524\"><img src=\"images/logotekstdansk.gif\" alt=\"Dansk Selskab for Religionshistorie\" width=\"362\" height=\"20\"><span class=\"flag\"><a href=\"english/index.html\" onFocus=\"this.blur()\"><img src=\"images/uk16.gif\" alt=\"In English, please!\" border=\"0\" width=\"32\" height=\"16\"></a></span><div class=\"pseudohr\">&nbsp;</div><br></td>
Avatar billede jakoba Nybegynder
04. oktober 2001 - 16:58 #1
På den adresse har .flag klassen position:relative og det er stadig ikke et link.

Hvad betyder bottom: og left: her?
.flag {
position:relative; bottom:3px; left:130px;
}
Avatar billede jakoba Nybegynder
04. oktober 2001 - 17:00 #2
et skud i blinde:  Prøv at sætte <div om istedet for <span
Avatar billede mik789 Nybegynder
04. oktober 2001 - 17:08 #3
jakoba> som jeg har forstået det betyder bottom bunden af feltet omgivet af span (og det vil vel bare sige billedet for linket \"fylder\" jo ikke noget) i forhold til bunden af omgivelserne. om det så er cellens nedre kant eller placeringen af det umiddlebart efterfølgende element som er en kunstig <hr> er jeg faktisk ikke klar over. men det ser OK ud i IE og NS 6. \"Left\" er tilsvarende placeringen af feltets (altså flagets) venstre kant i forhold til den højre kant af det billede der er umiddlebart før span, fordi relativ position jo er i forhold til de umiddlebare omgivelser. Hvis jeg bruger div laver den et linjeskift (skal den det?)
Avatar billede mik789 Nybegynder
04. oktober 2001 - 17:13 #4
prøvede div. det funker slet ikke, så bliver billedet sat i forhold til starten af cellen i stedet.
Avatar billede olebole Juniormester
04. oktober 2001 - 17:32 #5
<ole>
\'right\' og \'bottom\' kom vist først med i CSS2...under alle omstændigheder understøttes det ikke af NS4, så det er der ikke noget mystik i. Kast en tabel ind i dit div og placer billedet med den - hvis du vil understøtte NS4. Alternativt kan du flytte det på plads med \'left\' og \'top\'.
/mvh
</bole>
Avatar billede olebole Juniormester
04. oktober 2001 - 17:34 #6
Du kunne jo også lave billedet en anelse højere i bunden...så er \'bottom\' løst. Derudover kan du lægge en lille 1*1 pixel transparent gif - som du strækker til 130 med \'width\' - lige før flaget :)
Avatar billede olebole Juniormester
04. oktober 2001 - 17:35 #7
...og så selvfølgelig helt udelade span\'et
Avatar billede mik789 Nybegynder
04. oktober 2001 - 23:43 #8
olebole> jeg købte din sidste løsning med en trans.gif - selvfølgelig! som begynder er jeg tilbøjelig til at gøre det mere indviklet end det behøver at være. er der en smart måde at lave sådan en transparent gif. jeg sidder møjsommeligt i mit billedprogram og laver den efter mål men har samtidig følelsen af at der måske er noget jeg har misforstået. nå, nu virker det i alle fald - også i NS 4.x
Avatar billede mik789 Nybegynder
04. oktober 2001 - 23:45 #9
og jakoba> det var også det du sagde i det andet spørgsmål, men olebole kom vist først. tak alligevel.
Avatar billede jakoba Nybegynder
04. oktober 2001 - 23:58 #10
du behøver kun lave en transparent .gif
den kan du så strække til den ønskede størrelse med width= og height= parametre i <img kommandoen.
Avatar billede olebole Juniormester
05. oktober 2001 - 03:24 #11
Ellers kan du altid \'låne\' Ekspertens:
  http://www.eksperten.dk/images/transparent.gif
Du kan prøve at kikke på kilden til den side, du læser lige nu og søge på \'transparent\'...den er brugt *mange* gange  :)
Som jakoba skriver: Blot lav én og \'stræk\' den hver gang, du bruger den. Jeg er 100% sikker på, den transparente gif er WWW\'s mest udbredte stykke grafik.

Personligt har jeg en mappe liggende på mit skrivebord...en slags template. Den indeholder en mappe til .js-filer \'js\', én til .css-filer \'css\' og én til billed-filer \'img\'. I \'img\' ligger en transparent gif \'dot_trans.gif\'. Desuden ligger der et \'tomt\' HTML-dokument i hovedmappen \'index.html\'...blot med JavaScript- og style-tags. Så er det bare at tage en kopi af den mappe, hver gang jeg begynder et nyt projekt  :)
Bevares, så er der også en \'copy\' til tekster, \'raw\' til Photoshop-filer, scans og den slags, samt en mappe \'spechs\' til kravspecifikationer og lignende vedr. projektet.
...en handy lille sag at have liggende  :)
/mvh
Avatar billede mik789 Nybegynder
05. oktober 2001 - 11:11 #12
olebole> ok, tak for tippet med giffen. det lyder som en god idé med den slags mapper. jeg er ved at bygge det op.
Avatar billede olebole Juniormester
05. oktober 2001 - 11:32 #13
...anytime  :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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