Søg
Avatar billede bongii Nybegynder
24. november 2006 - 09:16 Der er 20 kommentarer og
1 løsning

Tekst på en baggrundsknap

Hej. Er der en der kan hjælpe med at omskrive dette til Firefox?

<table><tr><td><a hef="baggrundsgrafik.gif">
<span style="position:relative;left:-135px;color:black;top:2px;font-family:verdana;font-size: 10px;font-weight: bold;text-decoration:none">TEKST</span></td></tr></table>

Det virker fint i IE, men Firefox kan ikke finde ud af koden.
Avatar billede notes2c Nybegynder
24. november 2006 - 13:36 #1
Kan ikke lure hvad du gerne vil opnå, men du mangler et slut tag på dit a tag. Måske er det det.

<table><tr><td><a hef="baggrundsgrafik.gif">
<span style="position:relative;left:-135px;color:black;top:2px;font-family:verdana;font-size: 10px;font-weight: bold;text-decoration:none">TEKST</span></a></td></tr></table>
Avatar billede bongii Nybegynder
24. november 2006 - 14:00 #2
http://www.movievizion.dk/upload/Untitled1.html

Har lige lagt et eksempel op. Det virker ikek i firefox og se hvor meget plads det fylder i en tabel.
Avatar billede olebole Juniormester
24. november 2006 - 14:47 #3
<ole>

1) Du kan ikke regne med, at noget somhelst virker, hvis du ikke skriver koden i et HTML-dokument
2) Hvad er dog idéen med den bizarre konstruktion, du har foretaget?

/mvh
</bole>
Avatar billede bongii Nybegynder
24. november 2006 - 14:50 #4
Hej Ole.

Html, head osv. hjælper ikke.

Jamen jeg er åbent for forslag. (det er noget der bliver implementeret i et rimelig låst cms modul,ellers havde jeg brugt det som bg image).
Avatar billede olebole Juniormester
24. november 2006 - 14:52 #5
Jeg kan ikke komme med forslag, når jeg ikke ved, hvad du vil  =)
Avatar billede bongii Nybegynder
24. november 2006 - 15:05 #6
Hej Ole. Prøv at åbn filen i Firefox. Den skal bare se ud som i IE...

JEg vil bare have en tekst på en knap. Ganske simpel.
Avatar billede olebole Juniormester
24. november 2006 - 15:08 #7
Ja, men vi må jo også vide hvilke restriktioner, CMS'et lægger på koden. Ellers kan det ende med en lang quiz  ;o)
Avatar billede bongii Nybegynder
24. november 2006 - 15:17 #8
Det jeg har skrevet virker i cms modulet, men ikke i firefox, så kunsten er at konventere scriptet således det kan vises i Firefox.
Avatar billede saudoo Nybegynder
24. november 2006 - 15:34 #9
æhm.. Ie har det med lige at ville rykke lidt længere ned i den eventuelle top:; du har sat. Kender ikke lige en hack til det. Kunne måske være margin:auto;.. :S

Ellers kan du jo også skippe det der top-noget, og sætte vertical-align:center; istedet.
Avatar billede saudoo Nybegynder
24. november 2006 - 15:36 #10
Iøvrigt ser det lige så tosset ud i Ie7 som i Firefox.. ;)

Desuden mangler du jo <html><head><title (tjaa)> og ikke mindste din <!doctype>.. Din browser har ikke nogen mulighed for at rendere siden ordentligt, hvis den prøve sig lidt frem.
Avatar billede saudoo Nybegynder
24. november 2006 - 15:36 #11
Og <body> da.. for søren.. :P
Avatar billede notes2c Nybegynder
25. november 2006 - 00:23 #12
Det kunne løses sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<base href="http://www.movievizion.dk/upload/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
.knap {
color:black;
font: bold 10px verdana, sans-serif;
text-decoration:none;
width: 147px;
height: 16px;
display: block;
background: url(http://www.movievizion.dk/upload/knapprod.gif) no-repeat;
padding: 2px 0 0 18px;
margin: 2px 48px 20px 0;
}
-->
</style>

</head>

<body>

<table border="0"><tr><td><a href="#" class="knap">Tekst knap</a></td></tr></table>
<table border="1"><tr><td><a href="#" class="knap">Tekst knap</a></td></tr></table>


</body>
</html>
Avatar billede bongii Nybegynder
25. november 2006 - 22:37 #13
Yes perfekt notes2c, det virker!!
Jeg har uploaded siden, tror du det er muligt at gøre så knappen ikke fylder så meget. Du kan se det i den boks hvor der er border på tabellen. Det er som om knappen reservere noget ekstra plads`?
Avatar billede saudoo Nybegynder
25. november 2006 - 23:00 #14
Den reserverer lidt så megen plads i den tabel uden border. Når der ikke er nogen border på, er den ikke bare usynlig. Den er der ikke.

Med mindre du sætter værdien til 0 er der automatisk en lille margin på en tabel.
Avatar billede saudoo Nybegynder
25. november 2006 - 23:01 #15
Mente lille padding.. :)
Avatar billede bongii Nybegynder
26. november 2006 - 00:54 #16
Ja det ved jeg godt, men det er lidt irriterende når det skal bruges som en menu. Hvordan undgår jeg det?
Avatar billede notes2c Nybegynder
26. november 2006 - 12:31 #17
Padding bruges til at justere teksten plasering, Så du skal justere på din margin:

Eks:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<base href="http://www.movievizion.dk/upload/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
.knap {
color:black;
font: bold 10px verdana, sans-serif;
text-decoration:none;
width: 147px;
height: 16px;
display: block;
background: url(http://www.movievizion.dk/upload/knapprod.gif) no-repeat;
padding: 2px 0 0 18px;
margin: 2px 0px 4px 0;
}
-->
</style>

</head>

<body>

<table border="1"><tr><td><a href="#" class="knap">Tekst knap</a><a href="#" class="knap">Tekst knap</a><a href="#" class="knap">Tekst knap</a><a href="#" class="knap">Tekst knap</a></td></tr></table>


</body>
</html>

Men har ikke rigtig nogen ide om hvordan di menu skal se
Avatar billede notes2c Nybegynder
26. november 2006 - 12:33 #18
Ups forkert knap..

hvordan din menu skal se ud... Så dette er bare et eks for at illustrere...
Avatar billede notes2c Nybegynder
26. november 2006 - 12:35 #19
Du har jo også den mulighed at arb med at float'e dine elementer, hvis de skal så på samme linie mv.
Avatar billede bongii Nybegynder
26. november 2006 - 13:28 #20
'det
Avatar billede bongii Nybegynder
26. november 2006 - 13:28 #21
Super. Den sidste centimeter, kan der gøres noget ved den?
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
02/1018:16 Tømme gammel PC for indhold, kan ikke tændes Af Mai i Andet software
White papers
Flere white papers »