Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

extern stylesheet links.. en ander vraagje over tabel..

daand
8 antwoorden
  • Oke. ik voel me nu redelijk dom, maar ik kan nergens een makkelijke tutorial vinden die het simpel uitlegt…

    Ik wil een website maken, met html, en de style laten doen door een stylesheet.

    <script language="JavaScript" src="style.js">
    Maar wat ik nergens simpel kan vinden, is:

    Zijn er begin codes in dat stylesheet? (in html bv <html>)
    Hoe kan ik een link van kleur veranderen..

    bv van groen naar rood….

    hoe zet je dit in een extern stylesheet?

    EDIT:
    Heb het gevonden:
    A { color:black }
    A:hover { color:#d4021f }
    A:visited { color:black }
    A:visited:hover { color: #d4021f }

    Maar is er ook een manier waarop je de lijn onder een link in iets iets verandert…
    Puntjes bv..?
    Dat heb ik een keer op een andere site gezien en vroeg me af of dit kon..
  • Misschien dat deze css style link generator je kan helpen !
    http://www.leejoo.nl/generatoren/cssstyle_link_generator.htm
    Succes
  • Thanks ;)
  • Nog 1 ander vraagje, anders moet ik weer een nieuw topic aanmaken:

    als ik een tabel maak in een lege pagina, waarom zit er dan boven in en aan de linkerkant een stuk over?
    Kan de tabel niet gewoon gelijk bovenin de hoek beginnen??
    zoja, hoe?
  • [code:1:f52f028892]
    body {
    margin: 0px;
    padding: 0px;
    }[/code:1:f52f028892]
    In je stylesheet, en alles sluit keurig langs de randjes aan.

    Overigens:
    <script language="JavaScript" src="style.js">
    Is niet de methode om een stylesheet aan te roepen.

    Dat doe je met:
    <link href="style.css" rel="stylesheet" type="text/css" />

    maar je kunt het ook gewoon in de header van je (x)html document doen.
    [code:1:f52f028892]
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Blabla</title>
    <style>
    <!–
    body {
    margin: 0px;
    padding: 0px;
    }
    –>
    </style>
    </head>
    [/code:1:f52f028892]
  • dat komt door de browser instelling kan je opzeilen met css net zo als die links. kijk op deze site voor voorbeelden/hulp (ook voor andere dingen zoals php/javascript/html)

    http://www.w3schools.com/css/css_table.asp

    EDIT: net te laat :s, missien heb je her toch wat aan
  • Thanks mensen :D
    Is gelukt, bedankt :D

    Nu verschijnt al weer de volgende vraag :(

    Ik wil meerdere mouseovers op mn site, na gezocht te hebben weet ik dat je ze dan verschillende namen moet geven, maar op de 1 of andere manier lukt het niet, de eerste doet het, de andere 2 niet :?

    [code:1:035a7e41ec]<script language="Javascript">

    <!–
    if (document.images)
    {
    //header
    image1 = new Image
    image2 = new Image
    image1.src = 'website layout 2-2_1x2.jpg'
    image2.src = 'website layout 2-2_1x2-1.jpg'

    //home
    image3 = new Image2
    image4 = new Image2
    image3.src = 'website layout 2-2_3x2.jpg'
    image4.src = 'website layout 2-2_3x2-1.jpg'

    //plaatje 2
    image5 = new Image3
    image6 = new Image3
    image5.src = 'website layout 2-2_5x2.jpg'
    image6.src = 'website layout 2-2_5x2-1.jpg'



    }
    –>


    </script>

    </head><body>
    <td rowspan="1" colspan="1" width="515" height="76">
    <a href="index.html" onMouseOver="document.mouseover1.src=image2.src" onMouseOut="document.mouseover1.src=image1.src">
    <img src="website layout 2-2_1x2.jpg" width="515" height="76" border=0 name="mouseover1"></a></td>
    <td rowspan="2" colspan="7" width="138" height="48">
    <a href="index.html" onMouseOver="document.mouseover2.src=image4.src" onMouseOut="document.mouseover2.src=image3.src">
    <img src="website layout 2-2_3x2.jpg" width="138" height="48" border=0 name="mouseover2"></a></td>
    <td rowspan="1" colspan="18" width="196" height="51">
    <a href="index.html" onMouseOver="document.mouseover3.src=image6.src" onMouseOut="document.mouseover3.src=image5.src">
    <img src="website layout 2-2_5x2.jpg" width="196" height="51" border=0 name="mouseover3"></a></td>[/code:1:035a7e41ec]

    Waarom lukt die eerste wel, en de rest niet :? :(
  • Da's javascript, daar heb ik geen verstand van.
    Maar in een van mijn pagina's gebruik ik de volgende truc:

    Javascript:
    /* Rollover function */
    function roll(img_name, img_src)
    {
    document[img_name].src = img_src;
    }

    En dan in de html bij de link dit:

    <a href="pagina.html" onmouseover="roll('button1', 'plaatje2.jpg')" onmouseout="roll('button1', 'plaatje1.jpg')"><img src="plaatje1.jpg" alt="item" name="button1" width="150" height="39" border="0" /></a>

    Dus die javascript heb je maar 1 keer nodig. (het is een functie dus die kun je vanuit meedere plaatsen aanroepen) en dat html stukje doe je voor elke button.

    Het is wel belangrijk dat je voor elke button een andere naam gebruikt (Overal waar "button1" staat) en natuurlijk heeft elke button zijn eigen plaatjes (maar dat had je al zag ik)

    Vraag me niet om de werking ervan verder uit te leggen, want ik heb zoals gezegd ook geen verstand van javascript. Tegenwoordig gebruik ik overigens helemaal geen javascript meer voor rollovers. Ik maak ze met CSS. (Maar om dat uit te leggen is een hele tutorial, dat kan ik hier niet even gauw uitleggen.)

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.