Helpmij.nl
Helpmij.nl
Helpmij.nl

Quote

Weergeven resultaten 1 tot 9 van 9

Onderwerp: Hoe blanco-regels tussen 2 zinnen verwijderen ?

  1. #1
    Senior Member
    Geregistreerd
    7 oktober 2007
    Vraag is niet opgelost

    Hoe blanco-regels tussen 2 zinnen verwijderen ?

    Hoe kan ik onderstaande code wijzigen zodat de 2 regels normaal onder elkaar staan zonder tussenruimte ?

    Code:
    <tr>
    <td colspan="7" style="line-height: 400%; text-align: center; vertical-align: text-bottom; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: black;">
    Deze zin wordt afgedrukt in zwart in het midden van het td-vak 
    <p style="vertical-align: text-top; font-weight: normal; font-size: 11px; color: green;"> 
    Deze zin in groene kleur dient te worden afgedrukt onmiddellijk onder bovenstaande zonder tussenregels
    	<%if date()<cdate("01/05/2020") then%>
    		(pas op 1 mei)
    	<%end if%>					
    </td>
    </tr>
    Dank voor tips om de tussenregels te verwijderen.

  2. #2
    Giga Senior femke98's avatar
    Geregistreerd
    16 december 2006
    Locatie
    Almere
    Het is nu zo: zie screenshot

    Normaal is een </br> om de volgende regel te maken, zet je 2x </br> achter de zin, krijg je dus 2 witte regels.

    De code zie ik niet in je html, maar omdat het lettertype anders is qua grootte, krijg je nooit de regels onder elkaar.
    Wel als je de lettertype even groot maakt.

    Code:
    <tr>
    <td> Deze zin wordt afgedrukt in zwart in het midden van het td-vak</br>
    Deze zin in groene kleur dient te worden afgedrukt onmiddellijk onder bovenstaande zonder tussenregels
    </td>
    </tr>
    wordt dus zo,zie screenshot
    Bijgevoegde kleine afbeeldingen Bijgevoegde kleine afbeeldingen Klik op afbeelding voor grotere versie

Naam:  steun56.jpg‎
Bekeken: 11
Grootte:  18,8 KB   Klik op afbeelding voor grotere versie

Naam:  steun57.jpg‎
Bekeken: 11
Grootte:  22,7 KB  
    Laatst aangepast door femke98 : 10 april 2020 om 12:19

  3. #3
    Giga Senior femke98's avatar
    Geregistreerd
    16 december 2006
    Locatie
    Almere
    Quote Origineel gepost door femke98 Bekijk Bericht
    Het is nu zo: zie screenshot

    Normaal is een </br> om de volgende regel te maken, zet je 2x </br> achter de zin, krijg je dus 2 witte regels.

    De code zie ik niet in je html, maar omdat het lettertype anders is qua grootte, krijg je nooit de regels onder elkaar.
    Wel als je de lettertype even groot maakt.

    Code:
    <tr>
    <td> Deze zin wordt afgedrukt in zwart in het midden van het td-vak</br>
    Deze zin in groene kleur dient te worden afgedrukt onmiddellijk onder bovenstaande zonder tussenregels
    </td>
    </tr>
    wordt dus zo,zie screenshot
    ps. leesvoer https://www.handleidinghtml.nl/html/...n-tekst02.html

  4. #4
    Moderator bron's avatar
    Geregistreerd
    13 augustus 2013
    Locatie
    Voorburg
    Een html element bestaat uit een begin- en eindtag én alles wat ertussen staat.
    Als er niets tussen kan staan, bijvoorbeeld bij een <br> of <img src="foto.jpg"> dan gebruik je een eindttag " /", bijv. <br />
    Deze " /" is alléén verplicht als bovenaan in de html een XHTML declaratie staat. Zo niet, dan mag je de "/" overal weglaten.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ..... >
    Zelfs als er bovenaan een XHTML declaratie staat mag je de " /" weglaten omdat browsers hiervoor slim genoeg zijn. Bij een W3C validatie krijg je logisch wel een melding hierover als het een XHTML document is.

    Over je vraag.
    De line-height: 400%; zorgt ervoor dat bij elke regel de witruimte 3 keer zo groot is als de tekst. Daarnaast ben je een eindtag </p> vergeten. Bij het vergeten van een eindtag bij een element met inoud, zoals <p>Tekst</p> , krijg je een onvoorspelbare layout.
    Code:
    <tr>
    <td colspan="7" style="line-height: 1; text-align: center; vertical-align: text-bottom; font-family: Arial, Helvetica, sans-serif;">
       <p style="margin: 0; font-weight: bold; font-size: 13px; color: black;">
          Deze zin wordt afgedrukt in zwart in het midden van het td-vak
       </p>
       <p style="margin: 0; font-weight: normal; font-size: 11px; color: green;">
          Deze zin in groene kleur dient te worden afgedrukt onmiddellijk onder bovenstaande zonder tussenregels
          <%if date()<cdate("01/05/2020") then%>
             (pas op 1 mei)
          <%end if%>
       </p>
    </td>
    </tr>
    line-height: 1; haalt de witruimte van de regelhoogte weg.
    margin: 0; haalt de witte marge van een <p> weg.
    Laatst aangepast door bron : 10 april 2020 om 16:57
    Bestaande- en nieuwe websites op smartphone, tablet en pc.

  5. #5
    Giga Senior femke98's avatar
    Geregistreerd
    16 december 2006
    Locatie
    Almere
    Daarnaast ben je een eindtag </p> vergeten.
    Oeps, die heb ik over het hoofd gezien! Foei toch.

  6. #6
    Moderator bron's avatar
    Geregistreerd
    13 augustus 2013
    Locatie
    Voorburg
    Of de begintag <p> weglaten, dat kan natuurlijk ook dan is de eindtag </p> niet nodig
    Bestaande- en nieuwe websites op smartphone, tablet en pc.

  7. #7
    Giga Senior femke98's avatar
    Geregistreerd
    16 december 2006
    Locatie
    Almere
    Inderdaad.
    Maar toch een vraag nu ik je spreek....

    Dat een groter lettertype de witregel niet kleiner kan maken, is toch ook zo?
    Je krijgt dan toch een raar effect als het wel zou kunnen? Want dan zit het tegen elkaar aangeplakt.
    Of zie ik het verkeerd.

  8. #8
    Moderator bron's avatar
    Geregistreerd
    13 augustus 2013
    Locatie
    Voorburg
    Dat een groter lettertype de witregel niet kleiner kan maken, is toch ook zo?
    Klopt

    Bij een line-height komt er boven en onder een witruimte, line-height: 3 geeft een totale hoogte van 3 keer de teksthoogte.
    Code:
    table {
        box-sizing: border-box;
        border-spacing: 0;
        border-collapse: collapse;
    }
    thead, tbody, tr {
        width: inherit;
    }
    th, td {
        box-sizing: border-box;
        padding: 0;
        line-height: 3;
        border: thin dotted red;
    }
    Klik op afbeelding voor grotere versie

Naam:  table-lineheight.jpg
Bekeken: 7
Grootte:  39,7 KB

    Vertical align werkt alleen bij inline elementen zoals <a> en <span> of als je andere elementen display: inline geeft.
    Code:
    table span {
        vertical-align: bottom;
    }
    Klik op afbeelding voor grotere versie

Naam:  span-vertical-align.jpg
Bekeken: 7
Grootte:  10,6 KB
    Laatst aangepast door bron : 12 april 2020 om 22:56
    Bestaande- en nieuwe websites op smartphone, tablet en pc.

  9. #9
    Giga Senior femke98's avatar
    Geregistreerd
    16 december 2006
    Locatie
    Almere
    Thanx!

Berichtenregels

  • U mag geen nieuwe vragen starten.
  • U mag niet reageren op berichten.
  • U mag geen bijlagen versturen.
  • U mag uw berichten niet bewerken.
  •  
Helpmij.nl
Helpmij.nl

Helpmij.nl

Regels
Help

Helpmij.nl en business

Partners
Sponsoren