Notifikationer

Markér alle som læst Log ud

hjemmesiden Nybegynder

03. september 2005 - 18:56 Der er 30 kommentarer

Teksten skal følge med når der scrolles

Lige nu placerer teksten sig oppe i højre hjørne på siden og bliver der når der scrolles.

Se siden her:
http://www.rockrod.dk/Gørdinfestmerepersonlig1.asp

Jeg kunne godt tænke mig at den fulgte med når der scrolles. Men kun i det område på siden hvor man kan vælge numre!

Sådan ser tagget ud med tekstboksen:
<div id="tekstHer" style="position: absolute; top: 10 px; right: 10px; width: 150px; border: 1px solid red"></div>

Kan ovenstående mon lade sig gøre?

Synes godt om

udvikler Nybegynder

03. september 2005 - 19:07 #1

Jeg kan ordne det for dig med ren html og css ?
Du skal bare lave din tekst som et billede. Håber du kan bruge det ;)
Ved godt det ikke helt var det du søgte, men det var da forsøget værd =P

<html>

<head>
<style>

body {
background-attachment: fixed;
}

</style>
</head>

<body>

<img src="DITBILLEDE.GIF">

</body>

</html>

Synes godt om

nielle Nybegynder

03. september 2005 - 19:10 #2

Uha, den er jeg knap så sikker på at jeg kan hjælpe med, men lad os se på det.

Som det allerførste skal du i hvert fald starte din side mede denne her linje. Den skal stå helt i toppen.

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

Synes godt om

thesurfer Nybegynder

03. september 2005 - 19:11 #3

Jeg mener at man skal bruge "position: relative" i stedet for "position: absolute;" ..

/theSurfer

Synes godt om

thesurfer Nybegynder

03. september 2005 - 19:17 #4

Hmm.. du kan ikke have 2x <body>-tags.. koden er noget rod..

/theSurfer

Synes godt om

udvikler Nybegynder

03. september 2005 - 19:21 #5

Haha.. man SKAL have to body tags.. kan du html thesurfer ?
Et "åbningstag" og et "lukningstag". =)

Synes godt om

softspot Forsker

03. september 2005 - 19:23 #6

Det lyder umiddelbart som om det skal styres løbende, på et eller andet scroll-event. Såvidt jeg husker er der noget med at man kan aflæse scrolltop, for at se hvor på siden man er scrollet til og den skal vel bruges i dette tilfælde. Problemet er understøttelsen i andre browsere... jeg har kun arbejdet med den i IE, men det er vel ikke godt nok at den kun fungerer det - nu om dage...

Synes godt om

hjemmesiden Nybegynder

03. september 2005 - 19:31 #7

Hej nielle!

Jeg har nu sat

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

ind i toppen af siden.

Det fungerer fint nu er teksten i hvertfald ud for numre. Der er dog ændret noget i baggrunden på bjælken (øvest på siden), idet farven forsvinder.

Men som du selv nævnte, er problemet med at teksten skal scrolle med ikke klaret med det.........

Men forløbig rigtig godt!

Synes godt om

nielle Nybegynder

03. september 2005 - 19:36 #8

Jeg må desværre give thesurfer ret - din HTML-kode er meget ukomplet. Før at du har fået rettet på på det problem, er der desværre ikke meget håb for at få det hele til at fungere som en samlet løsning. Speciel mangler du at lukke alle dine font-, h6- og h1-tags, og der er sikkert flere som jeg har overset. Dernæst er der problemer med den måde du nester dine tabeller inden i hinanden.

Alle disse ting er med til at forvirre browseren i den grad at man ikke kan stole på at den kan finde ud af at vise tingene korrekt. Dette er altså noget som du bliver nødt til at rette.

Synes godt om

udvikler Nybegynder

03. september 2005 - 19:38 #9

Var det til mig nielle ?
Umuligt.. har nemlig hverken lavet tabeller eller andet ?

Synes godt om

nielle Nybegynder

03. september 2005 - 19:41 #10

Hvorfor føler du dig så truffet -aco-? Nej, det var ikke til dig; Det var til hjemmesiden.

Synes godt om

thesurfer Nybegynder

03. september 2005 - 20:17 #11

-aco-> Ang 03/09-2005 19:21:09:
Jeg kan godt HTML (og CSS, JavaScript, ASP), og nej, der skal ikke være 2x <body>-tags..

Der skal være 1x <body> og 1x </body>.

/theSurfer

Synes godt om

hjemmesiden Nybegynder

03. september 2005 - 20:28 #12

Hej nielle!

Nu er lukket alle mine font-, h3- og h1-tags og ligeledes rettetsiden til sådan at numre fungerer samlet med tagget:

<div id="tekstHer" style="position: absolute; top: 10 px; right: 10px; width: 150px; border: 1px solid red"></div>

Jeg ved dog ikke hvad du mener med min måde at "neste tabellerne"

Synes godt om

nielle Nybegynder

03. september 2005 - 20:45 #13

Der er nu stadig en masse h6- og font-tags i din marquee som ikke er afsluttet.

Med "nestede tabeller" menes tabeller som er lagt inden i andre tabbeller. Dette er der ikke noget ulovligt i, men det skal gøres korrekt. Nogle steder glemmer du <tr>-tags rundt om dine celle-rækker og andre steder mangler du <td>-tags.

Desuden er det ikke lovligt HTML at lave denne slags:

<table>
<form>
<tr><td>...</td></tr>
</form>
</table>

Det skal se sådan ud

<form>
<table>
<tr><td>...</td></tr>
</table>
</form>

- eller:

<table>
<tr><td>
<form>
...
</form>
</td></tr>
</table>

Der må ikke blandes noget ind imellem table-, tr-, og td-tags. Denne slags brud på HTML-standarden er der mange af, og det skal fikses.

Der er desværre ikke så meget at gøre end at tage fat fra en ende af indtil at W3C-validatoren kan begynde at godthende koden:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rockrod.dk%2FG%C3%B8rdinfestmerepersonlig1.asp

Synes godt om

hjemmesiden Nybegynder

03. september 2005 - 21:50 #14

Hej niellie!
Der er stadig problemer med siden. Jeg kan bare ikke rigtigt se hvad det er. Har rettet det du foreslog! Hvad mangler jeg?

Synes godt om

nielle Nybegynder

03. september 2005 - 22:03 #15

Lige nu brokker W3C's validator sig over at du bruger æ, ø og å. I stedet skal du bruges deres koder:

æ -> æ
Æ -> Æ
ø -> ø
Ø -> Ø
å -> å
Å -> Å

Synes godt om

olebole Juniormester

03. september 2005 - 22:23 #16

<ole>

Hvad er formålet med at udskrive meta-tags med JS? - og hvad skal det meta-generator-tag, du har skrevet?

/mvh
</bole>

Synes godt om

olebole Juniormester

03. september 2005 - 23:32 #17

Validatoren gætter på, encoding er 'utf-8', men hvis vi beder validatoren om at bruge 'iso-8859-1' - som virker sandsynlig i forhold til koden - ender vi op med 697 fejl =8-O
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rockrod.dk%2FG%C3%B8rdinfestmerepersonlig1.asp&charset=iso-8859-1+%28Western+Europe%29&doctype=Inline&ss=1&verbose=1

De er spredt ud over hele spektret af mulige HTML-fejl, så det er nok lidt for stor en mundfuld at tage dem her ... men én af dem, du gentager meget ofte, er at anbringe et block-level element i et inline:
<font ....><h6>blabla</h6></font>

Det er en _absolut_ nono!

Til slut dagens positive iagttagelse: "Der er huller mellem fejlene" :)

Synes godt om

hjemmesiden Nybegynder

03. september 2005 - 23:44 #18

Hej nieller

Nu har jeg krydstjekket siderne flere gange og kan ikke selv finde fejl. Med den er stadig ikke ok. Hvad kan det skyldes?

Synes godt om

softspot Forsker

04. september 2005 - 02:25 #19

Når du engang får gjort alle hullerne mellem fejlene så store at der bare er et stort tomrum tilbage, så kan du jo prøve at sætte dette script ind i din head-sektion:

<script type="text/css">
function positionBox() {
var obj = document.getElementById("tekstHer");
if(obj) {
try {
if(document.documentElement && document.documentElement.scrollTop)
obj.style.top = parseInt(document.documentElement.scrollTop) + 100 + "px";
else
obj.style.top = parseInt(document.body.scrollTop) + 100 + "px";
} catch(e) {
}
}
}

window.onload = function() {
intScrollBox = setInterval("positionBox()", 50);
}
</script>

Det skulle vist, i de fleste nyere browsere, flytte med din kasse, så den (stort set) altid er i view. Der skal nok laves et par småjusteringer, men mon ikke vi kan finde ud af det også... :)

Synes godt om

softspot Forsker

04. september 2005 - 02:35 #20

Og ja, jeg er klar over at den poller ret ofte, men det kan nok sættes ned til noget sjældnere. Det er dog op til dig at beslutte hvor ofte det er nødvendigt at checke om kassen skal skifte plads...

Synes godt om

olebole Juniormester

04. september 2005 - 02:56 #21

<ole>

- no polling needed:
window.onscroll = positionBox;

;o)

/mvh
</bole>

Synes godt om

softspot Forsker

04. september 2005 - 03:12 #22

Det synes jeg ikke fungerede, men det er måske fordi jeg kører med denne DOCTYPE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Jeg synes også jeg prøvede med med transitional hvor det heller ikke fungerede...

Synes godt om

softspot Forsker

04. september 2005 - 03:16 #23

...på den anden side hvis man nu stavede sit funktionsnavn korrekt, ville det nok hjælpe en hel del!!! Super duper at du lige fik mig på ret køl... igen ;)

Synes godt om

nielle Nybegynder

04. september 2005 - 10:18 #24

Hej hjemmesiden> Du har fået fjernet mange af dem, men der er stadig forekomster af æ, ø og å. Prøv at kigge på linket:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rockrod.dk%2FG%C3%B8rdinfestmerepersonlig1.asp

- det fortælle hvilke linjer det drejer sig om. Ikke at det nødvendigvis er vigtigt at vide dette - du kan jo bare lave en Find-And-Replace på dit dokument.

Bortset fra det, så anbefaler jeg - ligesom OleBole - at du erstatter dine JavaScrip-udskrivninger af dine metatags med almindelig HTML-kode.

Synes godt om

hjemmesiden Nybegynder

05. september 2005 - 23:03 #25

Tak for hjælpen indtil videre, jeg bliver nødt til at bruge en del tid på sagen før jeg igen kan vende tilbage. Lige nu overvejer jeg om det er besværet værd, da et problem på den aktuelle side unægteligt griber ind i problemer på de øvrige. Og så er det lige pludselig voldsomt stort at gå i gang med. Håber I forstår. I burde faktisk have point alle sammen.........men det er desværre ikke muligt.

Jeg vender tilbage hvis jeg modtager noget herfra og hvis jeg pludselig skulle få mit problem med de mange fejl på siden løst!

Synes godt om

roenving Novice

06. september 2005 - 02:38 #26

Det er absolut muligt at give point til allesammen !-)

Kig f.eks. på http://expfaq.1go.dk !o]

Synes godt om

olebole Juniormester

06. september 2005 - 02:51 #27

softspot >> Nej, det er ikke p.gr.a. din (iøvrigt ret ubrugelige) DTD. Men en krrekt type på dit script-tag ville nu nok kunne få selv dit script til at funke. Har du ikke skiftet den, inden du testede, vil hverken onload - eller onresize kunne fungere ;o)

Dette funker fint i Moz, IE og Opera:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
function positionBox() {
var obj = document.getElementById("tekstHer");
if(obj) {
try {
if(document.documentElement && document.documentElement.scrollTop)
obj.style.top = parseInt(document.documentElement.scrollTop) + 100 + "px";
else
obj.style.top = parseInt(document.body.scrollTop) + 100 + "px";
} catch(e) {
}
}
}

window.onscroll = window.onload = positionBox;
</script>
</head>
<body>

<div id="tekstHer" style="position:absolute">hjkhkjhkjh kjhkh kh</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

</body>
</html>

Synes godt om

olebole Juniormester

06. september 2005 - 02:52 #28

"vil hverken onload - eller onresize kunne fungere" ... og heller ikke onscroll ;D

Synes godt om

softspot Forsker

06. september 2005 - 10:05 #29

olebole >> fair nok :) Det var sq en tastefejl i type på den scriptblok. I øvrigt havde jeg fået det til at fungere med både XHTML og transitional DTD'erne i de relevante browsere... :)

Synes godt om

hjemmesiden Nybegynder

28. september 2005 - 21:24 #30

Jeg arbejder stadig på at få siden WC3 godkendt. Har altså endnu ikke givet op! Vil jo gerne kunne teste de forslag som er kommet under dette spørgsmål. Der er som bekendt mange problemer med siden og jeg tager dem en ad gangen. Håber ikke at der er hard feelings fra nogen af jer over at jeg venter med at give point og dermed lukker spørgsmålet før jeg har fået testet forslagene på siden

Lige nu er jeg i gang med at lede efter en scroller som kan scrolle en tekst horisontalt fra venstre mod højre. Jeg har også fundet en, der (tror jeg nok) er lavet af olebole og roenving. Men her mangler jeg noget hjælp! Den kan ses under dette spørgsmål http://www.eksperten.dk/spm/650860.

Jeg vender altså tilbage....:)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS