Slicing layout

  • Ey,


    Ik ben aan het proberen mijn layout te slicen, maar ik kom ergens niet uit.


    Mijn hele layout:



    Bij de header of te wel, top van pagina staat Screenshots.


    Eronder staan links en rechts van zon lijnen en onder ook. Weet iemand hoe ik deze toevoeg?


    Moet dit in de css, of moet dit in het script?

  • Wat jij bedoelt is die strepen bij screenshots.
    Dan kan je simpel weg in de css gewoon instellen.
    Dat het vlak te maken heeft met screenshots en daar dan border bij instellen.


    PHP
    <div id="screenshots"></div>


    PHP
    #screenshots
    {
       border-color: #fff;
       border-right-width: 1px;
    }


    Dit is slechts een voorbeeld en je moet daarnaast nog de breedte en hoogste instellen van de vlak.
    Om de screens dan makkelijk te vertonen maak je gewoon er extra bij.

    PHP
    <div id="screenshots">
        <div class="screen"></div>
        <div class="screen"></div>
    </div>


    PHP
    #screenshots .screen
    {
      //Hier stel je breedte en hoogte in hoe groot de screenshots moeten zijn en de positie zodat je daarvandaan steeds zoveel breedte ernaast dat kan gebruiken.
    }


    Verder staan hier nog een paar voorbeelden voor je betreft de screenshots naast elkaar krijgen:
    http://www.sitemasters.be/tutorials/5/1/90/nieuw/Div_element

    School
    Tweedejaars Informatica Student @ Hogeschool Rotterdam.


    Webtalen
    - PHP ( OOP )
    - SQL
    - JavaScript i.c.m. jQuery framework
    - (x)HTML
    - CSS
    - Actionscript
    - XML


    Programmeertalen
    - Java
    - C#
    - Ruby i.c.m. on Rails framework

  • Ik probeer het even.

    Nieuwe reactie samengevoegd met originele reactie op 24.05.09 17:14:56:
    Het lukt niet met de css:S


    Voorbeeld waar ik het op zet: http://www.s4m.vz-hosting.nl


    IK post de script en css wel even:


    Index.php
    CSS


    Iemand die me kan helpen, want zelf kom ik er niet uit.

    Nieuwe reactie samengevoegd met originele reactie op 24.05.09 18:16:40:
    ME css werkt nu, maar krijg de border er nie tonder.

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!