Avatar billede anders_larsen Nybegynder
27. juni 2002 - 13:20 Der er 20 kommentarer og
1 løsning

<LI> tag

Hey,
ved <UL> og <LI> tagsne skulle man kunne udskifte prikken ved det enkelte <LI> tag ved hjælp af SRC=

Feks:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

        <p>Menu</p>
        <UL>
        <LI><A href="1.htm">Punkt 1</A></LI>
        <LI src="images/arrow.png"> Punkt 2</LI>
        <LI><A href="kontakt_personer.htm"> Punkt 3</A></LI>
        </UL>
        <BR>
        Skal vi at nu er vi ved Punkt 2.
        <BR>
        Uden link
        <BR>
        Med pil istedet for LI prikken....
     
</BODY>
</HTML>

Men det virker ikke..... Der kommer standsrd prikken og min src="images/arrow.png"  ignoreres. Billedet findes og vises hvis det er placeret udenfor <LI> med alm <IMG>

Anyone ??

Med venlig hilsen
Anders Larsen
BancTec A/S
Avatar billede tubber Juniormester
27. juni 2002 - 13:23 #1
Har du prøvet med <OL>istedet for <UL> ?
Avatar billede nikolajdu Nybegynder
27. juni 2002 - 13:26 #2
Prøv med:

<style>
{list-style-image: url(images/arrow.gif)}
</style>
Avatar billede pelkjaer Nybegynder
27. juni 2002 - 13:28 #3
<style type="text/css">
<!--
li {
list-style-image: url(gfx/bullist.GIF);
}
-->
</style>
Avatar billede nikolajdu Nybegynder
27. juni 2002 - 13:31 #4
hov jeg glemte vidst lige li i mit kære stylesheet
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 13:32 #5
Til Tubber: <OL> giver 1. 2. 3.  men stadig ikke noget billede
Avatar billede =maddog= Nybegynder
27. juni 2002 - 13:34 #6
du bruger en png fil og det er noget snavs. og syntaxen er som pelkjaer og nikolajdu siger.
Avatar billede tubber Juniormester
27. juni 2002 - 13:34 #7
ok :O/
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 13:41 #8
Jep,
så udskiftes "prikken" med mit GIF/JPG/PNG (alle 3 virker) billede.

MEN

Fidusen skulle være kun at udskifte det ene. Dvs det <LI> symbol på den side man opholder sig.
Avatar billede pelkjaer Nybegynder
27. juni 2002 - 13:43 #9
Det gør det også hvis bare du nøjes med at indsætte et stylesheet på hver side med forskelligt billede defineret.
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 13:47 #10
Jeg kan muligvis ikke udtrykke det helt klart.....
Forside:
Prik  Punkt 1 (med link)
Prik  Punkt 2 (med link)
Prik  Punkt 3 (med link)

Ved klik på Punkt 1
Er der:
.GIF  Punkt 1 (uden link)
Prik  Punkt 2 (med link)
Prik  Punkt 3 (med link)

Ved klik på Punkt 2
Er der:
Prik  Punkt 1 (med link)
.GIF  Punkt 2 (uden link)
Prik  Punkt 3 (med link)
Avatar billede jakoba Nybegynder
27. juni 2002 - 14:11 #11
Det tror jeg ikke du kan med styling af en liste. men du kan med almindeligt billedskift. dvs med at skfte imellem et billede af en prok og et billede af en pil.

mvh JakobA
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 14:16 #12
Til JakobA: JA, det ved jeg men den løsning ville jeg undgå.
Idéen kom fra denne side: http://www.internet-tips.net/HTML/LI.htm
Avatar billede hells Nybegynder
27. juni 2002 - 14:59 #13
Hvis du kun vil have billede ved et list-item:
<li style="list-style-image: url('images/arrow.png');">Punkt 2</li>
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 15:11 #14
hells: 10-4 !
Det er lige i øjet.
Jeg har kun to point kandidater..... hmmm hvordan lukker jeg denne tråd og giver point til hells?
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 15:22 #15
Tak for hjælpen til alle!
Dette var mit første indlæg på eksperten.dk og jeg er imponeret.
Hej,
Anders.
Avatar billede nikolajdu Nybegynder
27. juni 2002 - 16:17 #16
anders.larsen - Du skal først bede hells lægge et svar.

Anyway, så er det nok fordi du ikke forstod pelkjaers og min løsning, for idéen er fuldstændigt den samme.

<html>
<head>
<style>
li {list-style-image: url(images/arrow.gif)}
</style>
</head>
<body>

<li>dudu</li>

</body>
</html>

Anyway, så hjælper det da ikke på dit "klik" problem. Du bliver nok nødt til at scripte hele listen ind.

/Nikolaj
Avatar billede anders_larsen Nybegynder
27. juni 2002 - 16:34 #17
Hej Nikolaj,

Jeg tror desværre ikke du har ret, med mindre der er en finte i dit og i pelkjaers løsning jeg ikke kan gennemskue.
Hells løsning er lige hvad jeg søgte.
Mit nye kode ser sådan ud:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

        <p>Menu</p>
        <UL>
        <li style="list-style-image: url('images/arrow.png');"> Punkt 1</li>
        <LI><A href="2.htm">Punkt 2</A></LI>
        <LI><A href="3.htm">Punkt 3</A></LI>
        </UL>
        <BR>
        Skal vi at nu er vi ved Punkt 1.
        <BR>
        Uden link
        <BR>
        Med pil istedet for LI prikken....
     
</BODY>
</HTML>
Avatar billede nikolajdu Nybegynder
27. juni 2002 - 16:37 #18
ok på den måde - DEt fik jeg vidst ikke fat i :)
Avatar billede pelkjaer Nybegynder
27. juni 2002 - 19:21 #19
Der er så sådan ingen forskel, blot det at skrives det i <head> formatteres alle <li> tags, og ved style="" kun netop det valgte tag.
Avatar billede =maddog= Nybegynder
27. juni 2002 - 19:48 #20
man bør fortrinsvist lave sin CSS mellem <style> tags i head. Eller eksternt og kaldet via et <link> tag.
in-line styles er OVERORDENTLIGT svært at redigere i. Ønsker man at definere style for et og kun et element gøres det ved id.
<style>
#detteElement {display:block; background-color:silver; text-decoration:underline;}
</style>
....
<p id="detteElement">blok med understreg og sl&oelig;vgr&aring; baggrund</p>
Avatar billede =maddog= Nybegynder
27. juni 2002 - 19:49 #21
&oslash; ikke &oelig; Det er fransk ø. /me er en gammel klovn til tider.
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