Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[HTML] Witruimte na blok-elementen voorkomen

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 [url=http://www.qxswholesale.com/content/nieuws.asp?langid=DE]hier[/url] 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/rechts-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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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