Avatar billede drenriza Nybegynder
20. august 2009 - 15:36 Der er 16 kommentarer og
1 løsning

Button

Når, jeg har lavet nogle links med id="tekst", og det virker fint men ser ikke så pænt ud.

så nu lavede jeg det til en button men nu virker id ikke længere.
hvordan retter man det ind?

sådan her ser det ud.

<button><a href="#Tekst">Tekst</a></button>
<p id="Tekst"></p>Tekst</td>

Tak på forhånd
Avatar billede zips Juniormester
20. august 2009 - 16:17 #1
Nu ved jeg ikke hvad du regner med, men i dit p tag er jo tomt og derfor for du ikke nogen visnign af din style :-)
Avatar billede olebole Juniormester
20. august 2009 - 16:40 #2
<ole>

- og du kan slet ikke have et link liggende 'løst' i en knap

/mvh
</bole>
Avatar billede drenriza Nybegynder
21. august 2009 - 09:00 #3
<ole>
- og du kan slet ikke have et link liggende 'løst' i en knap

Drenriza
Og på dansk betyder liggende "løst"?


Zips.
Nu ved jeg ikke hvad du regner med, men i dit p tag er jo tomt og derfor for du ikke nogen visnign af din style :-)

Drenriza
Så hvordan er den "rigtige" fremgangsmåde?
Avatar billede zips Juniormester
21. august 2009 - 10:06 #4
Du kan style dit a tag så det ser ud som en button hvis det er det du ønsker, det er blot at ændre i css.

Hvis du vil style en text gør du det sådan <p id="Tekst">Tekst</p> men nu bruger du id og da denne er unik og derfor kun må forekomme en gang er det dumt at bruge den på et p tag, bruge en class <p class="Tekst">Tekst</p>

Hvis det nu er dit a tag <a href="#Tekst">Tekst</a> kan du også sætte en class på eller styre det gennem det omkransende element hvis det skal have sin egen style, skal alle a tag være ens, behøver du ikke nogen class og kan blot style alle med dette.

a {font-family : Arial; Font-size : 12px}
a:link {color: #0000FF;}
a:visited {color: #FF0000;}
a:hover {background: #FFFF00;}
a:active {color: #00FF66;}
Avatar billede olebole Juniormester
21. august 2009 - 12:45 #5
drenriza >> Jeg burde nok have skrevet, at du ikke kan have et link i en knap. Men det har du formodentlig allerede fået at vide, da du testede, om din kode validerer  ;o)
Avatar billede drenriza Nybegynder
21. august 2009 - 13:12 #6
Hvad er forskellen på id og class?.

Hvis jeg skifter id ud med class ville det så fungere på samme måde? som et intern link på min side. Så man ikke skal scroll op eller ned i ukendelighed.
Avatar billede drenriza Nybegynder
21. august 2009 - 13:21 #7
En button der ikke kan linke til noget, er jo fuldstændig værdigløs.
Avatar billede olebole Juniormester
21. august 2009 - 14:19 #8
Jeg fatter ikke hat af, hvad du skriver!

Hvad mener du med det, du skriver om ID og class?

Hvorfor er en knap værdiløs, hvis den ikke linker til noget? 99,9% af de knapper, der bruges på WWW, linker ikke til noget som helst
Avatar billede zips Juniormester
21. august 2009 - 19:42 #9
Her kan der læses om forskel på id og class
http://css-tricks.com/the-difference-between-id-and-class/

Hvis du vil linke til et bestemt sted på en side, kan du godt bruge <p id="Tekst">Tekst</p> hvis det er det du mener, til dette skal det være id.
Avatar billede drenriza Nybegynder
26. august 2009 - 14:43 #10
Det er der også.

i linje 39 står <p><a href="#Denmark">Denmark</a></p>

i linje 235 står <td><p id="Denmark"></p>Denmark</td>

men hvis jeg gør <button><p><a href="#Denmark">Denmark</a></p></button>

Så virker linket ikke længere. Jeg prøver at finde ud af. Hvorfor? og hvordan gør man så det er en knap, og virker.
Avatar billede olebole Juniormester
26. august 2009 - 14:58 #11
Der findes en standard for, hvordan HTML skal skrives - og det er ikke i følge standarden tilladt at lægge et link i en knap.
Endvidere er det ikke alt, man kan gøre med ethvert element - og du kan ikke nødvendigvis få en knap til at opføre sig præcist som et link.

Mulighederne er at:

*) style et link, så det ligner en knap
*) bruge onclick eventen på knappen:
    <button onclick="location.href='#Denmark'">Denmark</button>
Avatar billede drenriza Nybegynder
26. august 2009 - 15:36 #12
Det ligner en knap men den "linker" ikke til det id som den skal.
<button onclick="location.href='#Denmark">Denmark</button>
Avatar billede olebole Juniormester
26. august 2009 - 15:49 #13
Jo! Men det kræver nok, du kan finde ud af at copy/paste  ;o)
Avatar billede olebole Juniormester
26. august 2009 - 15:49 #14
- og hvorfor fortæller du ikke om den JS-fejl, din knap udløste?
Avatar billede drenriza Nybegynder
27. august 2009 - 08:58 #15
JS-fejl?
Jeg kan ikke copy plaste direkte ind i det program jeg bruger :) for hvis man prøver det laver den koden om fordi det er pre-coded. men så hvad du mente og nu virker det :)

men ander ikke hvad en JS-fejl er:D
Avatar billede drenriza Nybegynder
27. august 2009 - 09:17 #16
Smider du ikke et svar. Og så håber jeg du ville ud dybe hvad en JS-fejl er :)
Avatar billede drenriza Nybegynder
09. oktober 2009 - 11:00 #17
lukket. Mangel på svar
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