Skriva kod i NotePad++ - Ett bekymmer.

Permalänk
Medlem

Skriva kod i NotePad++ - Ett bekymmer.

Hej, snart jul. Så god jul alla glada!

Sitter och kodar html/css/php och lite annat , fråga gällande NotePad++. Ibland när jag gör min divstruktur så blir där ett mellanrum automagiskt av enter.

<div id="divexempel"> indragen div <div id="hejhej"></div><div id="nydiv"></div> </div> Inget mellanrum. <div id="divexempel"> indragen div <div id="hejhej"></div> indragen div <div id="nydiv"></div> </div> Mellan hejhej & nydiv kommer där nu ett mellanrum. Ett hårt blanksteg.

Att jag vill kunna göra en ny rad är ju mest för the looks i koden eller tänker jag fel och måste koda på linje så att säga?

Permalänk
Medlem
Skrivet av AzII:

Hej, snart jul. Så god jul alla glada!

Sitter och kodar html/css/php och lite annat , fråga gällande NotePad++. Ibland när jag gör min divstruktur så blir där ett mellanrum automagiskt av enter.

<div id="divexempel"> indragen div <div id="hejhej"></div><div id="nydiv"></div> </div> Inget mellanrum. <div id="divexempel"> indragen div <div id="hejhej"></div> indragen div <div id="nydiv"></div> </div> Mellan hejhej & nydiv kommer där nu ett mellanrum. Ett hårt blanksteg.

Att jag vill kunna göra en ny rad är ju mest för the looks i koden eller tänker jag fel och måste koda på linje så att säga?

http://s13.postimg.org/4h5aosn7r/linje.png

http://s28.postimg.org/j05wjsnbx/linje2.png

Frågan har väl egentligen ingenting med Notepad++ att göra, däremot med HTML.

Bakgrunden är väl helt enkelt den att alla tecken som i HTML räknas som whitespace behandlas likadant, dvs nyrad och mellanslag blir samma sak.

Se t.ex. http://www.w3.org/TR/html401/struct/text.html#h-9.1

Visa signatur

Desktop: Ryzen 5800X3D || MSI X570S Edge Max Wifi || Sapphire Pulse RX 7900 XTX || Gskill Trident Z 3600 64GB || Kingston KC3000 2TB || Samsung 970 EVO Plus 2TB || Samsung 960 Pro 1TB || Fractal Torrent || Asus PG42UQ 4K OLED
Proxmox server: Ryzen 5900X || Asrock Rack X570D4I-2T || Kingston 64GB ECC || WD Red SN700 1TB || Blandning av WD Red / Seagate Ironwolf för lagring || Fractal Node 304

Permalänk
Medlem

Jag misstänker att dina element har display: inline eller inline-block. Med de display-värdena så behandlas element som text och inte block, så mellanrummet du ser är mest troligtvis samma typ av mellanrum som du ser mellan två ord.

Lös det genom att använda float istället, alternativt genom att sätta font-size: 0 på elementens förälder.

Visa signatur
Permalänk
Medlem

evil penguin, händer inte med Araneae vilket jag tycker är mycket märkligt. Tack för länken!
Mest, korrekt. Tack så mycket!