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

Webdesign (HTML, CSS, Flash)

wat is er hier verkeerd aan ?

snowman2
3 antwoorden
  • Hoi,

    Ik ben een site aan het bouwen en ik kriijg de achtergrond niet goed.

    Mijn html is :

    [code:1:f6e1320fff]
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>FotoPlayer</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="Keywords" CONTENT="FotoPlayer, Free Photo Album, Jalbum, FLASH, PHP, XML, flash based photo gallery, trial version">
    <meta name="description" CONTENT="Photo Album powered by JAlbum FotoPlayer v2.0 Trial Version">
    <!– FotoPlayer - code starts ———————————————>
    <link href="res/styles.css" rel=stylesheet>
    <script type="text/javascript" src="res/javascript.js"></script>
    <script language="vbscript"> Function CheckFlash(version) CheckFlash= IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & version)) End Function </script>
    <!– FotoPlayer - code ends ———————————————–>
    </head>
    <body>
    <div id="container">
    <div id="head">
    &nbsp;
    </div>
    <div id="wrapper">
    <div id="sidebar-1">
    </div>
    <div id="content">
    ggkggglgklgk
    </div>
    </div>
    <!— FotoPlayer - code starts ——————————————–>
    <!– Note: Only licensed users are allowed to remove the below footer. —>
    <div id="footer">
    Album was generated using <a href="http://jalbum.net" target="_blank">JAlbum 6.5</a>&nbsp;&nbsp;&nbsp;skin:&nbsp;<a href="http://www.fotoplayer.com/" target="_blank">FotoPlayer v2.0</a>
    </div>
    <!– FotoPlayer - code ends ———————————————->


    </body>
    </html>
    [/code:1:f6e1320fff]

    mijn css is :
    [code:1:f6e1320fff]
    #flash

    {
    margin:0px;
    padding:0px;
    }


    body
    {
    background-color: #F9D7F8;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: normal
    }

    p
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    }

    #sidebar-1 a
    {
    font-size: 13px;
    text-align:left ;
    margin: 0 1em 0 1em;

    }

    #head
    {
    text-align: center;
    background: #F9D7F8 url('../images/bovenkant.jpg') no-repeat top center;
    height: 435px;
    padding: 0;
    margin: 0;
    }

    #container
    {
    width: 800px;
    \width: 810px;
    w\idth: 800px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background:#F9D7F8 ('../images/tussenstuk.jpg') repeat-y top center;
    }

    #sidebar-1
    {
    float: left;
    width: 170px;
    \width: 170px;
    w\idth: 170px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    /*margin-left: 20px;*/
    /*margin-right: 5px;*/
    padding-top: 0px;
    padding-left : 5 px;
    }

    #content
    {
    margin-left: 195px;
    margin-right: 20px;
    padding-top: 0px;
    text-align: left;
    }
    #wrapper {
    width: 700px;
    \width: 710px;
    w\idth: 700px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    display: block;

    }
    #foot
    {
    clear: both;
    margin-top: 5px;
    text-align: right;
    height: 153px;
    background: #F9D7F8 url('../images/onderkant.jpg') no-repeat top center;
    font-size: 10px;
    padding-right: 100px;
    padding-top: 60px;
    }


    .contentpane {
    background-color : none;
    }

    .contentpaneopen {
    border : 0px ridge #DCDCDC;
    }

    .contentpaneopen img {
    margin:10px;
    float:right;
    text-align: left;
    }

    .contentheading {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #0077AA;
    text-align:left;
    border-bottom: 2px solid #FF8311;
    }

    .contentheading td{
    border: 1px solid blue;
    }

    .contentpagetitle {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    text-align:left;
    }

    table.contenttoc {
    color: #333300;
    background-color: #e0e0e0;
    }

    table.contenttoc td {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
    }

    a.toclink:hover, a.toclink:visited, a.toclink:link {
    font-size: 9px;
    }

    .contentdescription {
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #808080;
    text-align: left;
    }

    .componentheading {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #0077AA;
    text-align:left;
    border-bottom: 2px solid #FF8311;
    }

    .createdate {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FF6600;
    text-decoration: none;
    font-weight: normal;
    }
    [/code:1:f6e1320fff]
    Wie kan me vertellen waarom ik de achtergrondplaatjes niet zie in de browser.

    Alvast bedankt,

    Roelof
  • '../images/tussenstuk.jpg' moet "../images/tussenstuk.jpg"


    OF

    background-image: url(../images/tussenstuk.jpg);
  • Er hoeven helemaal geen aanhalingstekens bij background url(pad); juist beter van niet (IE/Mac schijnt er problemen mee te hebben).
    - Klopt het pad als je de plaatjes zelf via de adresbalk opvraagt?
    - Gebruik je lowercase en uppercase door elkaar? (bijv. dat de bestandsnaam op de server .JPG is i.p.v. .jpg, oid.)

Beantwoord deze vraag

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