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)

Hoe kan ik dit het beste doen

snowman2
4 antwoorden
  • Hoi,

    Ik heb im html een contentgedeelte gemaakt.
    Nu zou ik graag die willen verdelen in drie gedeelten.
    Een voor de titel die gecenteerd bovenin het content gedeelte moet komen.
    Een voor de datum die rechts tegen de rand aan moet komen
    en de rest mag voor de content gebruitkt worden.

    Ik weet dat ik de datum via float : right kan maken, maar hoe krijg ik de titel gecenteerd boven de tekst.

    De div's die gebruikt worden zijn :
    csc-header voor de titel
    csc-header-date voor de datum
    bodytekst voor de content.

    alvast hartelijk dank.

    Roelof
  • Dat hangt er van af, will je tekst of een plaatje gebruiken voor je titel.

    Als het tekst is dan kan je in de div die je gebruikt voor the titel

    [code:1:16c1deac72]text-align: center;[/code:1:16c1deac72]

    zetten, deze optie is het zelfde als tekst in word centreren.
  • Kijk eens of je hier wat aan hebt: http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
  • Hoi,

    dank je voor je tip,

    Hier is het stukje html waar het om draait
    [code:1:8c06a1bd3b]
    <div id="content">
    <div class="contentWrap"><!–TYPO3SEARCH_begin–>
    <!– CONTENT ELEMENT, uid:7/text [begin] –>
    <a id="c7"></a>
    <!– Header: [begin] –>
    <div class="csc-header csc-header-n1">
    <!– Header date: [begin] –>
    <p class="csc-header-date">05/02 2005</p>
    <!– Header date: [end] –>
    <h1 class="csc-firstHeader">Zwanger ??</h1></div>
    <!– Header: [end] –>

    <!– Text: [begin] –>
    <p class="bodytext">Hoera, het is zover, eindelijk zwanger. De test laat niets te twijfelen over. Ik ben net een stuiterbal, blij en energie voor tien. Ondanks het prille begin, heb ik een goed gevoel over deze zwangerschap. Waarom? geen idee. Het voelt gewoon goed. Het is moeilijk om ’s middags mijn mond dicht te houden als ik met mijn zus in de stad ben. Het is maar goed dat er een carnavalsoptocht is, het geeft een beetje afleiding. </p>
    <!– Text: [end] –>

    <!– CONTENT ELEMENT, uid:7/text [end] –>
    <!–TYPO3SEARCH_end–></div>
    [/code:1:8c06a1bd3b]
    In mijn css wordt de <div> content als volgt aangeroepen :
    [code:1:8c06a1bd3b]
    #content {
    float: right;
    width: 620px;
    background-image : url('fileadmin/templates/tamara3/images/bg_content.gif');
    background-repeat : repeat-y;
    }
    [/code:1:8c06a1bd3b]

    Zoals je dus ziet, bestaat de beide div's nog niet.
    Ik denk zelf aan de methode om de <div> titel net zo groot te maken als content en dan text-align te gebruiken en dan om de datum via float te regelen. Kan dit werken of komen de datum en titel dan niet op een rij.

    Groetjes,

    Roelof

Beantwoord deze vraag

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