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)

[HTML] Witruimte na blok-elementen voorkomen

Anoniem
Mrs.Birdlover
6 antwoorden
  • Doe ik meestal door de sluittag weg te laten en de content in een table te plaatsen, bijv.
    <tr bgcolor=#000000><td><h1>Titel</td></tr>
    Als ik de sluittag </h1> erbij zet, voegt IE witruimte toe onder de titel en dat wil ik niet, want de tabelrij heeft dus een zwarte achtergrond.

    Bovenstaande "oplossing" kapt echter af op de letterlijn, dus de onderstokken van de g en de j vallen weg. Ik heb er hier last van.

    Ik heb het met css proberen op te lossen, maar met line-height, margin-bottom en padding-bottom krijg ik het niet voor elkaar.
  • Gebruik <th> en je kunt daarvoor voor een padding opgeven in CSS.
  • De code is ook een beetje een rommeltje, allerlei geneste tabbellen…

    Dit zou ik er van maken
    [code:1:76b4e4edb3]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" href="styles/style39.css" type="text/css" />
    <title>Nieuw</title>
    </head>
    <body>
    <h1>Neuigkeiten</h1>
    <ul>
    <li>
    <a href="">Umgezogen</a>
    <p>Trotz der wirtschaftlichen Lage, ist es uns in kurzer Zeit gelungen, zu einem mittelgroßen Wholesaler in Deutschland zu werden.</p>
    </li>
    </ul>
    </body>
    </html>

    [/code:1:76b4e4edb3]
    En met als css
    [code:1:76b4e4edb3]
    body
    {
    font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
    font-size: 8pt;
    margin: 5px;
    background-image: url("../../assets/images/achter-midden.jpg");
    }

    p
    {
    line-height: 12pt;
    width: 300px;
    padding-left: 20px;
    margin-top: 0px;
    }

    ul
    {
    margin-left: 0px;
    padding-left: 20px;
    }

    h1
    {
    font-size: 11pt;
    color: #00A2CF;
    text-decoration: bold;
    }
    [/code:1:76b4e4edb3]

    Zo heb je in alle browsers nergens last van en het is eenvoudig aan te passen. :)
  • en daarnaast het verkeerde Doctype Paulus. Je gebruikt geen XHTML zo te zien.
  • [quote:82ac20cd27="Mrs.Birdlover"]en daarnaast het verkeerde Doctype Paulus. Je gebruikt geen XHTML zo te zien.[/quote:82ac20cd27]
    Dat is geen code van Paulus, ik heb dat hele stukje herschreven, en m'n text editor begint automatisch met XHTML. Mja zoveel verschil maakt 't niet.
  • Ik zie dat de link niet helemaal goed het probleem aangeeft, omdat op die pagina een extra witruimte is aangezet. Ik heb er nu een zwarte achtergrond ingezet en de witruimte onder de titel uitgezet (ik genereer de pagina met een cms, die extra witruimte doe ik met een clearpixel.gif die ik de height van de betreffende instelling geef). Bedoeling is dus dat de Einleitung direct onder de zwarte titelbalk begint.

    TH van maken zie ik eigenlijk niet zo zitten, het is tenslotte geen tabelheader maar een paginatitel. Maar misschien moet ik idd wel H1 loslaten. Dat ik de betreffende TD een eigen class geef en er geen blokelement in zet. Denk dat ik het daarmee wel kan oplossen, bedankt voor tip Mrs. Birdlover ;-)

    Nesten van tabellen is toegestaan volgens de dtd. Die declareer ik niet (in een doctype-declaratie) omdat HTML4 toch wel wordt herkend. En omdat ik dus sluittags weglaat (en geen zin heb om al mijn attribs te quoten) is het idd geen xhtml, maar laten we niet afdwalen :-)
    Ik nest overigens tabellen om extra links
    echts-marges te maken voor alles onder de titel. De titel lijnt dan op de body-marges (meestal 0) terwijl de content eronder wat meer marge heeft.

Beantwoord deze vraag

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