Sida 1 av 1
html, annan tag än <p> utan blank rad
Postat: 24 juli 2025, 09:09:55
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?
Re: html, annan tag än <p> utan blank rad
Postat: 24 juli 2025, 09:11:36
av pi314
Re: html, annan tag än <p> utan blank rad
Postat: 24 juli 2025, 09:13:40
av Oltronix
Perfekt! Det funkerar Tack!
Re: html, annan tag än <p> utan blank rad
Postat: 24 juli 2025, 17:21:58
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.
Re: html, annan tag än <p> utan blank rad
Postat: 24 juli 2025, 18:08:23
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 {.....}
Re: html, annan tag än <p> utan blank rad
Postat: 24 juli 2025, 18:46:34
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.
Re: html, annan tag än <p> utan blank rad
Postat: 27 juli 2025, 12:11:17
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
Re: html, annan tag än <p> utan blank rad
Postat: 27 juli 2025, 12:40:23
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
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>
Re: html, annan tag än <p> utan blank rad
Postat: 27 juli 2025, 19:55:55
av Nerre
Jo, men left och right påverkar ju inte avståndet mellan stycken.
Re: html, annan tag än <p> utan blank rad
Postat: 27 juli 2025, 19:58:46
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
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>
Re: html, annan tag än <p> utan blank rad
Postat: 27 juli 2025, 20:11:23
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.