Avatar billede hjemmesiden Nybegynder
25. september 2005 - 20:09 Der er 3 kommentarer og
1 løsning

Ønsker at teksten scroller fra venste mod højre

Jeg har en ide om at denne kan bruges http://www.dynamicdrive.com/dynamicindex2/slidescroll.htm.

Mit problem er blot at få den til at virke sammen med:
gørdinfestmerepersonlig11.asp
stylesheet11.css
menuG11.inc

Der må meget gerne være en ramme om som i toppen på denne side:
http://www.rockrod.dk/gørdinfestmerepersonlig11.asp

På ovenstående side kan man også se teksten som skal scrolle ind fra venstre mod højre (Gør din fest mere personlig). Den styres nu af marquee, hvilket jeg vil undgå, med den nye!

Herunder er siderne:

................gørdinfestmerepersonlig.asp
<%@ language="vbscript" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" Content="text/html; charset=iso-8859-1">
    <title>Gørdinfestmerepersonlig11.asp</title>
      <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet11.css">
      </head>
  <body>


<script type="text/javascript" src="http://www.rockrod.dk/jumptop.js">
/***********************************************
* Gå til toppen af siden - link!
***********************************************/
</script>

    <!--#include file="include/toplogo11.inc"-->
   
    <!--#include file="include/menuG11.inc"-->


      <p>
    <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rockrod.dk%2Fg%25C3%25B8rdinfestmerepersonlig11.asp"><img
        src="http://www.w3.org/Icons/valid-html401"
        alt="Valid HTML 4.01 Strict" height="31" width="88"></a>
  </p>

    </body>
</html>

...............menuG11.inc
<h3><marquee behavior="slide" scrollamount="50" align="right" direction="right" width="760" loop=""><FONT color="#990000">G&oslashr din fest mere personlig</FONT></marquee></h3>

|&nbsp;<a href = "default.asp"><FONT color="#990000"><strong>Forside</strong></FONT></a>&nbsp;|

...som man kan se her ønsker jeg også mit link til forsiden bibeholdt!


.................stylesheet11.css
  body {
        background-color: rgb(214,211,206);
        font: normal 83% verdana, arial, sans-serif;   
        color: white;
        margin: 5px 5px 5px 5px;
        }
        .topbox {
            background-color: #800000;
            display:block;
            float:left;
            width:770px;
            height:65px;
            border:solid 1px white;
        }
        .topbox .lefttext, .topbox .righttext {
              overflow:hidden;
            width:75px;
            height:68px;
            margin:0 5px;
            font: normal 83% verdana, arial, sans-serif;
        }
        .topbox .lefttext {
            position:relative;
            float:left;
        }
        .topbox .righttext {
            position:relative;
            float:right;
        }
        .topbox .centertext {
            margin:0 auto;
            padding:0;
            width:400px;
            text-align:center;
        }
        .topbox h1 {
            margin:0;
            font: bold 170% verdana, arial, sans-serif;
            color: #FFF8DC;       
        }
        .topbox h2 {         
            font: normal 83% verdana, arial, sans-serif;
            color: #000000;
        } 
        .topbox h3 {
         
            font: normal 83% verdana, arial, sans-serif;
            color: #800000;
        }
        .topbox h4 {
         
            font: normal 83% verdana, arial, sans-serif;
            color: #C0C0C0;
        }
        .topbox h5 {
            color: #FFFFFF;
            font: normal 83% verdana, arial, sans-serif;
        }
        .topbox p {
            width:100%;
            margin:0;
            font: normal 83% verdana, arial, sans-serif;
        }
        #leftscroll, #rightscroll {
          position:absolute;
          top:0;
          left:0;
        }           
    a:link{
        color: #EEE8AA;
        font-family : Verdana;
        background-attachment : fixed;
        }
        a:visited{
        color: #EEE8AA;
        }
        a:active{
        text-decoration: underline;
        color: #EEE8AA;
        list-style-type : circle;
        }
        a:hover{
        color: #A52A2A;
        font-weight: bold;
        background-color: #FFF8DC;
        background-position : center;
        background-repeat : repeat-x;
        } 
...kan det lade sig gøre at bruge boks-modellen a´la det der er brugt til toppen af siden (er godt klar over at det så skal være en ny, da denne bruges og har en anden højde end den boks jeg skal bruge til menuen)
Avatar billede hjemmesiden Nybegynder
27. september 2005 - 15:37 #1
Jeg tror nu alligevel ikke at scrolleren på denne adresse http://www.dynamicdrive.com/dynamicindex2/slidescroll.htm. kan bruges!

Men roenving er kommet med flg. bud (hentet herfra http://www.eksperten.dk/spm/543017)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Marquee</title>
<meta name="Generator" content="Stone's WebWriter 4">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="olebole,roenving">
<style type="text/css">
.scroller {
    font-family: verdana, arial, sans-serif;
    font-size: 130px;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
}
</style>
<script type="text/JavaScript">
var marqNum,marqDelay,marqScrllAmnt,marq,marqCont,d=document;
function gE(id){return (d.all)?d.all[id]:d.getElementById(id)}
function pI(str){return parseInt(str)}

marqNum = 0;
var marqTxt = ["Hos Fiktiv Auto A/S f\345r du store fordele som erhvervsbilist!","Kr\346v surfing med S\370rens portal!"];
marqDelay = 1;
marqScrllAmnt = 1;

function scrollMarq() {
    if (pI(marq.style.left)+marq.offsetWidth < 0) {
        marq.style.left = marqCont.offsetWidth + "px";
        marqNum = (marqNum+1)%marqTxt.length;
        marq.innerHTML = marqTxt[marqNum];
    }
    marq.style.left = pI(marq.style.left) - marqScrllAmnt + "px";
}
function startMarq() {
    gE("myMarquee").innerHTML = '<div class="scroller"></div>';
    marqCont = (d.all)? gE("myMarquee").children[0] : gE("myMarquee").childNodes[0];;
    marqCont.style.width = "100%";
    marqCont.innerHTML = '<span style="position:relative;"></span>';
    marq = (d.all)? marqCont.children[0] : marqCont.childNodes[0];
    marq.innerHTML = marqTxt[marqNum];
    marq.style.left = marqCont.offsetWidth + "px";
    marqCont.style.height = marq.offsetHeight + "px";
    setInterval("scrollMarq()", marqDelay);
}
window.onload = startMarq;
</script>
</head>
<body>

<!-- MARQUEE START -->
<div id="myMarquee" style="position:relative"></div>
<!-- MARQUEE END -->

</body>
</html>


Nu er problemet

1 At få den kodet sådan at den scroller fra venstre mod højre.

2) At kode den sådan at jeg har en js-, inc-, css- og en asp-side, da samme scroller skal anvendes på default.asp og samtlige undersider
Avatar billede hjemmesiden Nybegynder
28. september 2005 - 21:38 #2
Hjælp, hjælp...........EKSPERTER, hvorfor forsøger/prøver ingen af jer at hjælpe med ovenstående. Er det for svært? For kedeligt? Umuligt? Skal der gives flere end 60 points?

Håber meget at nogen af jer kan, gider og vil hjælpe. Jeg har forsøgt mange ting men kan på nuværende ikke selv.........der er s.... ærgerligt....:)
Avatar billede hjemmesiden Nybegynder
29. september 2005 - 01:41 #3
Er blevet svaret på her http://exp.dk/spm/651766#rid5819133
Avatar billede hjemmesiden Nybegynder
29. september 2005 - 01:52 #4
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