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)

[CSS]Hoe het beste te werk gegaan?

None
6 antwoorden
  • Ik ben weer eens met een site bezig geweest, nu helemaal XHTML en CSS omdat mijn laatste sitecheck mijzelf heeft overgehaald voortaan sites te maken in 'de nieuwe generatie'.
    Nu stuit ik op het volgende probleem dat geen probleem voor mij was geweest als ik de pagina met tables maakte..
    Het zit zo: Het is een venstertje, met een inner glow..
    Zo: [img:218b7cc5de]http://wally.iconrate.net/images/help2.jpg[/img:218b7cc5de]

    En heb ik het zo gesliced:
    [img:218b7cc5de]http://wally.iconrate.net/images/help1.jpg[/img:218b7cc5de]

    Nu kom ik er niet uit hoe ik dit het beste kan gaan doen in CSS want ik wil dat de inhoud dus in dat venstertje komt, en dat dan het venstertje automatisch groter wordt (alleen in de hoogte, en [u:218b7cc5de]niet[/u:218b7cc5de] in de breedte), dus niet dat het een DIV moet worden die 'stil staat' en waar je scrollbars inkrijgt (dmv van overflow=auto ofzo). Hopelijk heb ik genoeg informatie verteld en kunnen jullie mij verder helpen want ik weet het niet meer..

    Mvg,
  • http://alistapart.com/articles/onionskin/
    http://alistapart.com/articles/cssdropshadows/
    http://alistapart.com/articles/cssdrop2/

    http://alistapart.com/articles/customcorners/
    http://alistapart.com/articles/customcorners2/

    http://alistapart.com/articles/slidingdoors/
    http://alistapart.com/articles/slidingdoors2/

    etc
  • hm k kom er maar niet uit, ik gebruik de custom corners tutorial maar het lukt maar niet.

    Maar….. Ik begin het al wel een beetje te begrijpen, ik moet dus alles slicen, dwz alle hoeken en alle zijkanten?
    Ik weet het echt niet meer. Want moet er persee tekst in de DIV's staan om ze uberhaubt laten te verscijnen? De lege DIV verdwijnt alsmaar :p
  • Ok, ik zal even helpen.

    Ik doe net alsof die "home" bij het tekstje hoort. :)

    [code:1:9476b09dec]<h1 id="home">Thuis!></h1>

    <span class="p-top"></span>
    <p class="p-middle">
    Hier komt de paragraaf.
    </p>
    <span class="p-bottom"></span>
    [/code:1:9476b09dec]

    Dan maak je van de rode "home" balk een plaatje en zet je deze als achtergrond van de h1. Verander deze wel naar de goede hoogte (padding en de height veranderen!):
    [code:1:9476b09dec]
    h1 {
    margin:0;
    padding: 30px 0 0 0;
    text-indent: -1000px;
    overflow: hidden;
    background-image: url("images/header.jpg");
    background-repeat: no-repeat;

    height: 0px !important;
    height /**/:30px; /* IE.boxmodel.hack*/
    }[/code:1:9476b09dec]

    Dan hoef je alleen nog een boven-achtergrondje maken voor .p-top, een 1pixel hoge achtergrond voor de paragraaf zelf (.p-middle) en een onderachtergrondje voor .p-bottom. :)
  • [img:ac79c4c501]http://img93.exs.cx/img93/4904/CT.jpg[/img:ac79c4c501]

    Om nog even het hele verhaal iets duidelijker te maken. Je moet op de volgende manier slicen.

    p-top is slice 2
    p-middle is slice 4
    en p-bottom is slice 5
  • tgaatm e niet echt voor de wind..
    ik heb het nl. de site op hele n00b manier opgebouwd..
    hij staat al online: http://wally.usaviohosting.com/ja1/
    Kun je ff in de bron kijken hoe ik me site heb opgedeeld..

    Maar iig, ik heb dus alles divs op een of andere manier in die andere div gekregen, en allemaal gecentraliceerd door margin:0 en evt. margin:0 auto;
    dit is vast niet goed? please help me :P als ik dat weet kan ikverder


    ps> geen commentaar op de site, als ike en sitecheck wil vraag ik die wel

Beantwoord deze vraag

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