headershadow

Page content

plaatsen van logo

Dit onderwerp bevat 14 reacties, heeft 0 stemmen, en is het laatst gewijzigd door  Alva van Beek 1 jaar, 8 maanden geleden.

14 berichten aan het bekijken - 1 tot 14 (van in totaal 14)
  • Auteur
    Berichten
  • #604776

    chiel99
    Lid

    Hoe kan ik een logo plaatsen op top 5 en left 180 het logo heet logo.png mij lukt het in een keer niet meer

    #787525

    Waldio
    Lid

    Nooit absolute posities voor dit soort dingen gebruiken. Als je gaat werken met margin, padding, float en al die andere dingen kom je een stuk beter uit.

    Als je het toch wilt moet je eens naar position: absolute; of position: fixed; kijken.

    #787526

    chiel99
    Lid

    Oke… Maar hoe doe ik dat nou dan want van dat margin, padding en float snap ik nog niet helemaal..

    #787869

    nuet
    Lid

    De plaats waar je het logo inlaadt zet je in een division.
    In de css geef je de eigenschappen aan die division (positie etc.)

    In je html pagina maak je bijv. deze divisie:

     Code: arbitrary (select
    1.
    2.
    3.
    4.

    <div id="logo">
                    
                      <img src="images/logo.png" alt="logo" />
    </div>

    Je css code:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.

    #logo {

    float: left;
    padding: 5px 0 0 180px;
    }

    Float wil zeggen: schuif automatisch tegen het ander aan wat er al staat, in dit geval schuif aan naar links toe

    Paddding: boven -rechts -onder -links (positie van de afbeelding)

    #788634

    Ik heb ook problemen met mijn logo. Deze wordt gewoon niet zichtbaar. Nou heb ik het logo in mijn css staan namelijk als volgt:

    .logo{
    background-image: url(logocollarde.png);
    background-repeat: no-repeat;
    }

    In de html heb ik dan <div class="logo"> </div> Wat is hier fout aan?
    Plaatje moet gewoon zichtbaar worden. De vraag is waarom dat nu niet gebeurd. Ik heb ook al geprobeerd height en width aan toe te voegen maar tot nu toe mag niks baten.

    Ik hoop dat hier iemand het antwoord weet.

    #788635

    wadelft
    Lid

    Ik hoop dat hier iemand het antwoord weet.

    het ligt er aan waar je style/css geplaatst heb. in de head van je
    html document of apart in css sheet en staat dat in dezelfde map//folder?
    en je png ? ook in dezelfde map? zoniet moet je path's ingeven

    probeer anders met shorthands

     Code: arbitrary (select
    1.
    2.
    3.

    .logo{
    background: url(logocollarde.png) no-repeat;
    }

    #788636

    Beste Wadleft

    Alles staat in dezelfde map.
    de css staat in een aparte css sheet die ik heb gekoppeld aan de html pagina. De html pagina, css en alle plaatjes staan in dezelfde map opgeslagen. Dus daar kan het niet aan liggen lijkt me. ik zet hieronder even de hele html code althans het stuk dat er voor het logo toe doet.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;

    <head>
    <title>Collarde</title>
    <link rel="stylesheet" href="Collarde stijlen.css" type="text/css"/>

    </head>

    <div class="boundbox">
    <div class="logo"> </div>
    <div class="rboundbox">
    <div class="rbtop">
    <div class="rbcontent">
    <div id="menu">
    <ul>
        <li><a href="www.collarde.nl" title="css menus" class="current">Home</a></li>
        <li><a href="www.collarde.nl/werkwijze" title="css menus">Werkwijze</a></li>
        <li><a href="www.collarde.nl/wie zijn wij" title="css menus">Wie zijn wij</a></li>
        <li><a href="www.collarde.nl/managementtraining" title="css menus">Managementtraining</a></li>
        <li><a href="www.collarde.nl/klanten" title="css menus">Klanten</a></li>
        <li><a href="www.collarde.nl/contact" title="css menus">Contact</a></li>
    </ul>
    </div>
    </div><!– /rbcontent –>
    <div class="rbbot"><div></div></div>
    </div><!– /rbroundbox –>
    </div>
    </div>

    Body komt hieronder pas. De gradient en het menu zijn gewoon zichtbaar.

    #788637

    wadelft
    Lid

    Collarde stijlen.css

    kan die je stylesheet wel vinden ?? beter is geen hoofdletter en spaties
    gebruiken! maar bv collarde.css. Servers zijn meestal geen window
    systemen en zijn case sensitive of hoodletter gevoelig.
    Maar dat terzijde

    #788638

    Ja hij kan wel de stylesheet vinden. Anders zouden alle andere css opmaak dingen ook niet werken. Maar goed ik heb de hoofdletter omgezet naar een kleine letter en de spatie weggehaald en dit natuurlijk aangepast in de koppeling. Maar het mocht niet baten. Dus het moet toch ergens anders aan liggen.

    #788639

    wadelft
    Lid

    Body komt hieronder pas. De gradient en het menu zijn gewoon zichtbaar.

    Body tag moet natuurlijk wel direct na de head ! nu staan die elementen
    buiten de body ( hoewel browser ze er vermoedelijk wel inzet) maar
    het is wel fout en niet valid

    heb je het online staan ?

    #788640

    Ok ik heb het nu in de body staan.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
    <html xmlns="http://www.w3.org/1999/xhtml"&gt;

    <head>
    <title>Collarde</title>
    <link rel="stylesheet" href="collardestijlen.css" type="text/css"/>

    </head>
    <body>

    <div class="boundbox">
    <div class="logo"> </div>
    <div class="rboundbox">
    <div class="rbtop">
    <div class="rbcontent">
    <div id="menu">
    <ul>
        <li><a href="www.collarde.nl" title="css menus" class="current">Home</a></li>
        <li><a href="www.collarde.nl/werkwijze" title="css menus">Werkwijze</a></li>
        <li><a href="www.collarde.nl/wie zijn wij" title="css menus">Wie zijn wij</a></li>
        <li><a href="www.collarde.nl/managementtraining" title="css menus">Managementtraining</a></li>
        <li><a href="www.collarde.nl/klanten" title="css menus">Klanten</a></li>
        <li><a href="www.collarde.nl/contact" title="css menus">Contact</a></li>
    </ul>
    </div>
    </div><!– /rbcontent –>
    <div class="rbbot"><div></div></div>
    </div><!– /rbroundbox –>
    </div>
    </div>

    Maar dat maakt nog geen verschil.

    Het staat nog niet online.

    #788652

    BaZz
    Lid

    -in welke browser heb je getest?
    -heb je in meerdere browsers getest?
    -zit je logo wellicht verstopt achter een ander element?

    even online zetten geeft ons meer inzicht…

    #790500

    Het heeft even geduurd maar het staat online.

    http://141.138.137.96:2222/CMD_FILE_MANAGER/domains/collarde.nl/private_html/collarde.html

    Het is getest in meerdere browsers dus daar ligt het niet aan. Dus ik denk inderdaad dat het logo verstopt zit achter een ander element, maar nu is de vraag hoe krijg ik hem te voorschijn.

    #790501

    Sorry dat was de link naar een private pagina. Hier is de openbare link.

    http://141.138.137.96:2222/CMD_FILE_MANAGER/domains/collarde.nl/public_html/Collarde/collarde.html

    Ik hoor graag wat ik kan doen om het logo zichtbaar te maken. Alvast bedankt.

14 berichten aan het bekijken - 1 tot 14 (van in totaal 14)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.