html, annan tag än <p> utan blank rad

C, C++, Pascal, Assembly, Raspberry, Java, Matlab, Python, BASIC, SQL, PHP, etc.
Användarvisningsbild
Oltronix
Inlägg: 475
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

html, annan tag än <p> utan blank rad

Inlägg av Oltronix »

https://www.w3schools.com/html/tryit.as ... paragraphs
jag vill inte ha den extra tomma raden
  • This is a paragraph.

    This is another paragraph.
utan så här
  • This is a paragraph.
    This is another paragraph.
Jag har letat men inte hitta något alternativ till <p>. Någon som har koll?
Användarvisningsbild
pi314
Inlägg: 8023
Blev medlem: 23 oktober 2021, 19:22:37
Ort: Stockholm

Re: html, annan tag än <p> utan blank rad

Inlägg av pi314 »

Har du testat med:

Kod: Markera allt

<br>
Användarvisningsbild
Oltronix
Inlägg: 475
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Re: html, annan tag än <p> utan blank rad

Inlägg av Oltronix »

Perfekt! Det funkerar Tack!
Nerre
Inlägg: 27205
Blev medlem: 19 maj 2008, 07:51:04
Ort: Upplands väsby

Re: html, annan tag än <p> utan blank rad

Inlägg av Nerre »

Det går väl även med CSS att konfigurera så <p> inte ger avstånd före och efter. Men om det bara är på enstaka ställe så är <br> troligen enklare.
Användarvisningsbild
Oltronix
Inlägg: 475
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Re: html, annan tag än <p> utan blank rad

Inlägg av Oltronix »

Hur då?

man ju ha <p class="caption">Astrid Lundgren 1823</p> och lägga in i en CCS-file tex p.caption {......}
ny rad före "1823" men utan blank rad mellan "Astrid Lubgren" och "1923"
dock är jag osäker på vad som skall finns i {.....}
Nerre
Inlägg: 27205
Blev medlem: 19 maj 2008, 07:51:04
Ort: Upplands väsby

Re: html, annan tag än <p> utan blank rad

Inlägg av Nerre »

Verkar som det är margin-top och margin-bottom man använder... Men samtidigt står det att default är noll. Men nej, det verkar funka att sätta till noll.

Jag testade lite på denna sida
https://www.w3schools.com/cssref/tryit. ... css_margin

Satte class="ex1" på alla tre styckena och ändrade margin till 0 35px 0 35px.
Användarvisningsbild
Oltronix
Inlägg: 475
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Re: html, annan tag än <p> utan blank rad

Inlägg av Oltronix »

för tydligheten skull vill jag pepåka att det finns margin-top, margin-bottom, margin-left och margin-right
https://www.w3schools.com/cssref/pr_margin-left.php
Användarvisningsbild
Oltronix
Inlägg: 475
Blev medlem: 10 december 2011, 21:24:38
Ort: Nynäs

Re: html, annan tag än <p> utan blank rad

Inlägg av Oltronix »

Kod: Markera allt

<div class="col-sm-8 col-md-2">
      <div class="box">
        <a href="./bilder/lof2_5.jpg" target="_blank">
          <img src="./bilder/lof2_5.jpg" alt="Lights" style="width:100%">
          <div class="caption">
            <p>Gustaf_Anna<br>Elisabeth_Andreas_L</p>
          </div>
        </a>
      </div>
    </div>
Denna kod fungerar som jag vill. caption-texten liggar direkt under bilden. Ingen blank rad mellan bild och text. <br> används för att få 2 rader text annars blir texten för lång och krockar med nästa bild

Kod: Markera allt

<br>Gustaf_Anna<br>Elisabeth_Andreas_L
generar dock en blank rad mellan bild och text. Varför är det så? Vilket regel gäller. Jag hade förväntat mig att <p> skulle genera en blank rad men kanske inte <br>
Nerre
Inlägg: 27205
Blev medlem: 19 maj 2008, 07:51:04
Ort: Upplands väsby

Re: html, annan tag än <p> utan blank rad

Inlägg av Nerre »

Oltronix skrev: 27 juli 2025, 12:11:17 för tydligheten skull vill jag pepåka att det finns margin-top, margin-bottom, margin-left och margin-right
https://www.w3schools.com/cssref/pr_margin-left.php
Jo, men left och right påverkar ju inte avståndet mellan stycken.
Nerre
Inlägg: 27205
Blev medlem: 19 maj 2008, 07:51:04
Ort: Upplands väsby

Re: html, annan tag än <p> utan blank rad

Inlägg av Nerre »

Oltronix skrev: 27 juli 2025, 12:40:23 Denna kod fungerar som jag vill. caption-texten liggar direkt under bilden. Ingen blank rad mellan bild och text. <br> används för att få 2 rader text annars blir texten för lång och krockar med nästa bild

Kod: Markera allt

<br>Gustaf_Anna<br>Elisabeth_Andreas_L
generar dock en blank rad mellan bild och text. Varför är det så? Vilket regel gäller. Jag hade förväntat mig att <p> skulle genera en blank rad men kanske inte <br>
Jag gissar att det beror på att <br> inte är ett block, och när ett block saknas så antar webbläsaren att det är <p>.

Så när du skriver sådär tolkar webbläsaren det som <p><br>Gustaf_Anna<br>Elisabeth_Andreas_L.</p>
Användarvisningsbild
MadModder
Co Admin
Inlägg: 31444
Blev medlem: 6 september 2003, 13:32:07
Ort: MadLand (Enköping)
Kontakt:

Re: html, annan tag än <p> utan blank rad

Inlägg av MadModder »

br betyder break, så det blir ett radbyte exakt där man placerar taggen. Det som sker i din kod är alltså: ny rad, Gustaf, ny rad, Elisabeth.
Skriv svar