Søg
Avatar billede dkshero Nybegynder
11. maj 2006 - 18:09 Der er 10 kommentarer og
1 løsning

har kode til gennemsigtig scrollbar - virker bare ikke

hej jeg har prøvet det som keysersoze skrev i dette emne: http://www.eksperten.dk/spm/510767
(citat keysersoze):

i iframe tag'et sætter du denne linie ind:
style="FILTER: chroma(color=#CC9966)" allowTransparency></iframe>

derefter i din css style ændrer du scrollbar delen til:
scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#cc9966;
scrollbar-highlight-color:#cc9966;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;

hvis det ønskes at bagrunden ikke skal rykke sig når man scroll'er ned (til brug hvis man har flere farver i bagrunden) kan du indsætte den her linie :
background-attachment:fixed;

(citat slut)

jeg kan ikke få det til af virke så er der en der gider fixe det ?
jeg smider koderne i 2 kommentare herunder
Avatar billede dkshero Nybegynder
11. maj 2006 - 18:10 #1
KREO.DK index/forsiden hvor iframe'en er på

<html>
<head>
<title>KREO.DK</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-image: url(bg.jpg);
    background-repeat: repeat;
    scrollbar-face-color:#CC9966;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#CC9966;
scrollbar-shadow-color:#cc9966;
scrollbar-highlight-color:#cc9966;
scrollbar-3dlight-color:#CC9966;
scrollbar-darkshadow-color:#CC9966;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
  <p>
    <!-- ImageReady Slices (Untitled-1) -->
   
  </p>
  <table id="Table_01" width="638" height="546" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img src="images/index_01.png" width="229" height="84" alt=""></td>
        <td rowspan="2">
            <img src="images/index_02.png" width="218" height="150" alt=""></td>
        <td colspan="3" rowspan="2">
            <img src="images/index_03.png" width="190" height="150" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="84" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="images/index_04.png" width="229" height="66" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="66" alt=""></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="images/index_05.png" width="637" height="40" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="40" alt=""></td>
    </tr>
    <tr>
        <td rowspan="8">
            <img src="images/index_06.png" width="38" height="311" alt=""></td>
        <td rowspan="10">
            <img src="images/index_07.png" width="4" height="328" alt=""></td>
        <td colspan="4">
            <img src="images/index_08.png" width="125" height="178" alt=""></td>
        <td colspan="4" rowspan="9">
            <iframe src="http://kreo.dk/forsiden/index.htm" name="iframe" frameborder="0" scrolling="auto" width="435" height="313"></iframe></td>
        <td rowspan="8">
            <img src="images/index_10.png" width="35" height="311" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="178" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <a href="http://kreo.dk/lir/index.htm" target="iframe"><img src="images/index_11.png" border="0" width="125" height="17" alt=""></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <a href="http://kreo.dk/biografi/index.htm" target="iframe"><img src="images/index_12.png" width="125" height="21" border="0" alt=""></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <a href="http://kreo.dk/priser/index.htm" target="iframe"><img src="images/index_13.png" border="0" width="125" height="20" alt=""></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <a href="http://kreo.dk/produkter/index.htm" target="iframe"><img src="images/index_14.png" border="0" width="125" height="20" alt=""></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <a href="http://kreo.dk/portfolie/index.htm" target="iframe"><img src="images/index_15.png" border="0" width="125" height="20" alt=""></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <a href="http://kreo.dk/forsiden/index.htm" target="iframe"><img src="images/index_16.png" border="0" width="125" height="17" alt=""></a></td>
        <td>
            <img src="images/spacer.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="2">
            <img src="images/index_17.png" width="125" height="20" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/index_18.png" width="38" height="17" alt=""></td>
        <td rowspan="3">
            <img src="images/index_19.png" width="35" height="44" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td>
            <a href="http://kreo.dk/forsiden/index.htm" target="iframe"><img src="images/index_20.png" border="0" width="60" height="15" alt=""></a></td>
        <td>
            <img src="images/index_21.png" width="8" height="15" alt=""></td>
        <td>
            <a href="http://kreo.dk/links/index.htm" target="iframe"><img src="images/index_22.png" border="0" width="43" height="15" alt=""></a></td>
        <td colspan="4">
            <img src="images/index_23.png" width="324" height="15" alt=""></td>
        <td rowspan="2">
            <img src="images/index_24.png" width="125" height="42" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="5">
            <img src="images/index_25.png" width="153" height="27" alt=""></td>
        <td colspan="4">
            <img src="images/index_26.png" width="324" height="27" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="27" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="38" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="4" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="60" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="8" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="43" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="14" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="62" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="218" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="30" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="125" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="35" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices --></div>
</body>
</html>
Avatar billede dkshero Nybegynder
11. maj 2006 - 18:11 #2
siden der skal være i iframe'en

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<style type="text/css">
<!--
body {

    background: red url("../images/index_09.png");
    background-repeat: repeat-y;
    background-attachment: fixed;
}

html{
    overflow-x: hidden;
}
.style1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
}
a:link {
    color: #FFFFFF;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a:hover {
    text-decoration: none;
    color: #CCCCCC;
}
a:active {
    text-decoration: none;
    color: #FFFFFF;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; font-weight: bold; }
.style3 {color: #FF0000}
-->
</style></head>

<body style="overflow: hidden">

<p class="style1">Produkter</p>
<table width="329" border="0">
  <tr>
    <th width="245" height="215" valign="top" scope="row"><div align="left" class="style1"><strong>Design og ops&aelig;tning af hjemmeside</strong><br />
      - Design af hjemmeside<br />
      -  Ops&aelig;tning i HTML<br />
      - Op til 20 undersider</div>
      <div align="left">
        <p><br />
            <span class="style1"><strong>Design af hjemmeside</strong><br />
        - Leveres som en billedfil</span><br />
        </p>
      </div>
      <p align="left" class="style1"><strong>Enkelt banner</strong><br />
        - Design<br />
      - Leveres i en GIF-fil / PSD-fil <br />
      - st&oslash;rrelsen bestemmes af kunden</p>
      <p align="left" class="style1">Bannerpakke<br />
      - 5 bannere <br />
        - leveres i en GIF-fil / PSD-fil <br />
        - st&oslash;rrelsen bestemmes af kunden
          <br />
          <br />
          <br />   
        <strong>Design af firmalogo</strong><br />
        - Min. 3 udkast<br />
        - Derefter  revision/tilrettelse<br />
      - Leveres efter &oslash;nsket filtype</p>
      <p align="left" class="style1"><strong>Design af firmaets brevlinje</strong><br />
        - Min. 3 udkast<br />
        - Derefter  revision/tilrettelse<br />
      - Leveres efter &oslash;nsket filtype</p>
      <p align="left" class="style1"><strong>Design af visitkort</strong><br />
        - Min. 3 udkast<br />
        - Derefter  revision/tilrettelse<br />
      - Leveres i &oslash;nsket filtype</p>
      <p align="left" class="style1"><strong>Design Pakke 1</strong><br />
        - Visitkort 175,-<br />
      - Brevlinje design 300,-</p>
      <p align="left" class="style1"><strong>Design Pakke 2</strong><br />
        - Logo 400,-<br />
        - Visitkort 175,-<br />
      - Brevlinje design 300,-</p>
      <p align="left" class="style1"><strong>Design Pakke 3</strong><br />
        - Logo 400,-<br />
      - Design og ops&aelig;tning af hjemmeside  1250,-</p>
      <p align="left" class="style1"><strong>Design Pakke 4</strong><br />
        - Design og ops&aelig;tning af hjemmeside  1250,-<br />
        - Visitkort 175,-<br />
      -  Brevlinje design 300,-</p>
      <p align="left" class="style1"><strong>Design Pakke 5</strong><br />
        - Logo 400,-<br />
        - Design og ops&aelig;tning af hjemmeside 1250,-<br />
        -  Visitkort 175,- <br />
        - Brevlinje design 300,- <br />
      - Bannerpakke 400,- </p>
      <p align="left" class="style1">________________________<br />
        <span class="style3">Der er mulighed for l&oslash;sninger med webhotel og dom&aelig;ne efter eget &oslash;nske<br />
    bare kontakt mig s&aring; finder vi ud af noget,</span></p></th>
    <td width="74" align="right" valign="top"><p align="right" class="style1"><strong>1250,-</strong><br />
    </p>
    <p align="right" class="style1">&nbsp;</p>
    <p align="right" class="style1"><br />
        <br />
        <br />
      <strong>800,-</strong></p>
    <p align="right" class="style1"><br />
    </p>
    <p align="right" class="style1"><strong>150,-</strong></p>   
    <p align="right" class="style1">&nbsp;</p>
    <p align="right" class="style2"><br />
      400,-<br />
      <br />
      <br />
    </p>
    <p align="right" class="style2"><strong><br />
        <br />
        400,
      -<br />
    </strong></p>   
    <p align="right" class="style2"><strong><br />
        <br />
        <br />
        300,-</strong></p>
    <p align="right" class="style2"><br />
      <br />
      <br />
    </p>
    <p align="right" class="style2"><strong>175,-<br />
      <br />
    </strong></p>
    <p align="right" class="style2"><strong><br />
      <br />
      400,-</strong><br />
      spar: 75,-<br />
      <br />
      <br />
      <br />
    750,-<br /> 
    spar: 125,- <br /> 
    <br />
    </p>
    <p align="right" class="style2"><br />
      <br />
      1400,-<br />
      spar: 250,- <br />
    </p>
    <p align="right" class="style2"><br />
            1400,-<br />
      spar: 325,- <br />
    </p>
    <p align="right" class="style2"><br />
    </p>
    <p align="right" class="style2">&nbsp;</p>
    <p align="right" class="style2">2000,-<br />
    spar: 525,- </p></td>
  </tr>
</table>
<p>&nbsp;</p>
<p class="style1">  <br />
</p>
</body>
</html>
Avatar billede olebole Juniormester
12. maj 2006 - 18:17 #3
<ole>

Nu må du beslutte dig ... bruger du en fuld DTD eller ej?

Hvis du gør, skal scrollbar-styles lægges på dokument-elementet:

html {
    /*scrollbar-regler her*/
}

- ellers på body-elementet:

body {
    /*scrollbar-regler her*/
}

/mvh
</bole>
Avatar billede olebole Juniormester
12. maj 2006 - 18:18 #4
- og skal det virke på scrollbaren i en iframe, skal dine styles skrives i de dokumenter, der loades i iframe'en  ;o)
Avatar billede dkshero Nybegynder
13. maj 2006 - 15:54 #5
forstod det ikke helt?
Avatar billede olebole Juniormester
13. maj 2006 - 22:10 #6
Hvad forstod du ikke?
Avatar billede dkshero Nybegynder
14. maj 2006 - 19:41 #7
jeg forstod ikke hvad det var jeg skulle ændre?
Avatar billede olebole Juniormester
14. maj 2006 - 19:55 #8
Om du skal skrive:

html {
    /*scrollbar-regler her*/
}

- eller:

body {
    /*scrollbar-regler her*/
}

- kommer anpå resten af koden i dokumentet (ikke mindst, hvad der står før <html>-tagget).
På din side skal der stå det sidste - men på en side, der er CSS-kompatibel i IE, skal der stå det første
Avatar billede dkshero Nybegynder
17. maj 2006 - 07:10 #9
LUKKER da jeg åbenbart ikke har kunne få den hjælp jeg ønskede
Avatar billede olebole Juniormester
17. maj 2006 - 19:11 #10
Ja, hvis det er så svært for dig at forstå så simple ting, tror jeg det bliver svært at hjælpe dig  :)
Avatar billede dkshero Nybegynder
17. maj 2006 - 21:34 #11
olebole beklager at jeg lukkede spørgsmålet men jeg ville havde en til at rette de koder jeg smed oven over  så de blev lagt redigeret her igen (:
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
I går 14:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
White papers
Flere white papers »