Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

HTML5 ger mellanrum i tbody

1
Skriv svar
Permalänk
Avstängd
●

HTML5 ger mellanrum i tbody

Hej
Jag håller på med en hemsida och när jag övergått till HTML5 på hemsidan, från att ej ha specifierat html version tidigare. Då så får jag ett mellanrum på hemsidan på 2 pixlar som inte borde vara där. Det fanns inte innan jag övergick till HTML5.

Jag har skapat en zip med 2 hemsidefiler varav den ena är med HTML5 och har ett mellanrum på 2 pixlar under image.jpg som jag inte förstår varför det har kommit till. I den andra hemsidefilen "randomhtml.html" så finns inte detta mellanrum.

Zip med hemsidefilerna

Varför blir det ett mellanrum på 2 pixlar när jag gör en Html5 hemsida?

Senast redigerat ett fel i koden korrigerat
Visa signatur

All datorprestanda kan jämföras i kronor och ören (kr/poäng). Exempel: Prestanda/krona på grafikkort | www.intrnet.se

Redigera
Citera flera Citera
Permalänk
Medlem
●

Sitter på mobilen så orkar inte ladda ner zipfilen och kolla.
Men använder du en html5-tagg som du inte använt tidigare så har dom standard CSS regler som kanske lägger till ett 2 pixlars mellanrum i form av tex margin eller liknande.

En reset CSS kanske kan lösa detta problem.
Så att alla webbläsare hanterar allt likadant.

Skickades från m.sweclockers.com

Redigera
Citera flera Citera
Permalänk
Avstängd
●

@BuruZ: Ja, kanske är det någon margin från Html5. Jag skulle gärna veta för vill gärna konvertera hemsidan jag håller på med till Html5, om det inte tar alldeles för lång tid.

Visa signatur

All datorprestanda kan jämföras i kronor och ören (kr/poäng). Exempel: Prestanda/krona på grafikkort | www.intrnet.se

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

inline element och mellanrum är det du söker. Här finns det gott om information och lösningar

https://css-tricks.com/fighting-the-space-between-inline-bloc...
https://stackoverflow.com/questions/5078239/how-do-i-remove-t...

Går enkelt att hitta via webbläsarens inbyggda inspektionsverktyg.

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Redigera
Citera flera Citera
Permalänk
Avstängd
●

@Elghinnarisa: Jag har nu prövat "Remove the spaces, "Skip the closing tag" från första länken. Dessa metoder funkar inte. Vilket får mig att tänka på hur det där med textfiler fungerar, varför ser texten annorlunda ut i Notepad än i Notepad++ t.ex.? Finns mellanrummen i filen fast Notepad kan inte visa dom utan det krävs Notepad++?

Visa signatur

All datorprestanda kan jämföras i kronor och ören (kr/poäng). Exempel: Prestanda/krona på grafikkort | www.intrnet.se

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av michael123:

@Elghinnarisa: Jag har nu prövat "Remove the spaces, "Skip the closing tag" från första länken. Dessa metoder funkar inte. Vilket får mig att tänka på hur det där med textfiler fungerar, varför ser texten annorlunda ut i Notepad än i Notepad++ t.ex.? Finns mellanrummen i filen fast Notepad kan inte visa dom utan det krävs Notepad++?

Gå till inlägget

Du får tänkta på att det är en post från 2012, inte säkert det är exakt idag och fungerar på samma sätt med andra typer av taggar.

Vad notepad säger är lite skitdesamma, notepad fattar inte textformatering överlag så kör notepad++ eller liknande, sublime/atom är ju trevligt.
En lösning är att lägga till

 style="display:block"

i din <img> tag. Sedan om det är en bra lösning eller ej kan jag inte svara på, men det fungerar.

läser du vidare på stackoverflow så får du lite mer information samt exempel, hur som verkar rekommendationen överlag var att läsa på om en bättre lösning, dvs. Flexbox.

Det problemet du har är egentligen inte ett "fel" det är bara så inline element uppför sig normalt sätt. Du får lösa det hela på något annat sätt.

Du skulle nog behöva läsa på lite mer först, då du gör väldigt konstiga saker. Varför använder du <table> för detta till att börja med?

Visa signatur

Maximus X Hero - 8700k @5.1GHz - H115i - 32GB LPX@3466MHz - MSI 980Ti Gaming - EVGA SuperNova 750 G2 - Asus vg248qe - FD R5

Redigera
Citera flera Citera
Permalänk
Avstängd
●

@Elghinnarisa: Tack för tipset med img taggen. Det fungerade!
Koden till hemsidan är skriven av en annan person och jag har i uppgift att förvalta hemsidan nu. Så då händer det att t.ex. vissa hemside-filer blir korrupta så att jag måste byta ut dem. Ibland så kodar jag om vissa sidor så att jag får t.ex. video-filmer att fungera igen med Html5 då den gamla javascript koden inte fungerar. Så grundkoden på hemsidan är inte min.

Visa signatur

All datorprestanda kan jämföras i kronor och ören (kr/poäng). Exempel: Prestanda/krona på grafikkort | www.intrnet.se

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av michael123:

@Elghinnarisa: Jag har nu prövat "Remove the spaces, "Skip the closing tag" från första länken. Dessa metoder funkar inte. Vilket får mig att tänka på hur det där med textfiler fungerar, varför ser texten annorlunda ut i Notepad än i Notepad++ t.ex.? Finns mellanrummen i filen fast Notepad kan inte visa dom utan det krävs Notepad++?

Gå till inlägget

Notepad är löjligt dålig på att visa rätt textformatering, det finns tex flera olika specialtecken som hanterar mellanslag, ny rad och liknande. Notepad kan bara hantera vissa av dessa, så om filen kommer från ett annat program som använder något av de andra tecknen så faller Notepad platt. Det du kan göra för att se om tecknen finns där är att öppna i Notepad++ och välja "Show All Characters" uppe i toolbaren (ser lite ut som ett spegelvänt P).

Redigera
Citera flera Citera
Permalänk
Medlem
●

att sätta line-height:0; gör att texten tar 0 utrymme i höjd eftersom du har en bild där och ingen text.
<code>
<th width="770" style="line-height:0;">
</code>

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara