Ga naar inhoud


HTML geeft ongevraag een linefeed.

Con

Door Con
in Off topic

 Delen

Aanbevolen berichten

Con Superster

Con

Geplaatst:
Geplaatst:

Ik heb een stuk tekst (h5 class="waarom") bla, bla bla...

 

3 woorden in die tekst dienen bold en gekleurd te zijn.

Omdat in HTML5 geen mogelijkheid meer is om inline

de text-color te wijzigen heb ik  (h5 class="waarom2") aangemaakt.

 

Echter wordt er dan eerst een soort van linefeed gegeven

en de aangepaste tekst verschijnt op de volgende regel.

 

Hoe ga ik hiermee om?

  

</h5>
<h5 class="waarom">				
Het zal niet van de ene op andere dag gaan,
</h5>
<h5 class="waarom2">
maar het kan.
</h5>
<h5 class="waarom">

  

h5.waarom {
	margin: 0px;
	font-size: 11pt;
	color: #000000;
	font-weight: normal;
	line-height:1.4;
}

h5.waarom2 {
	margin: 0px;
	font-size: 11pt;
	color: #DB3D25;
	font-weight: bold;
	line-height:1.4;
}

 

 

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds november 2023 glasvezel via Solcon (voor het laatst).

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

PC: Intel Nuc i7 met W11. Laptop Thinkpad met W11.

Asus Gigabyte Home Assistant, 20 Shelly's en 2 ESP-tjes en Zigbee.


RS2000 Rijzende ster

RS2000

Geplaatst:
Geplaatst:

Inline tekst kleur e.d. wijzigen kan nog steeds bij html5:

 

<p>My sweat suit is <span style="color: green; background:
transparent; font-weight: bold">green</span> and my eyes are <span style="color: blue;
background: transparent">blue</span>.</p>

 

Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:
2 uur geleden zei RS2000:

Inline tekst kleur e.d. wijzigen kan nog steeds bij html5:

 

<p>My sweat suit is <span style="color: green; background:
transparent; font-weight: bold">green</span> and my eyes are <span style="color: blue;
background: transparent">blue</span>.</p>

 

In HTML5 niet meer;

Compatibility Notes

The color attribute of <font> is not supported in HTML5. Use CSS instead.

CSS syntax: <p style="color:red">

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds november 2023 glasvezel via Solcon (voor het laatst).

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

PC: Intel Nuc i7 met W11. Laptop Thinkpad met W11.

Asus Gigabyte Home Assistant, 20 Shelly's en 2 ESP-tjes en Zigbee.

Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:
2 uur geleden zei Big fellow:

Oude info, maar waarschijnlijk nog steeds relevant: https://www.w3.org/MarkUp/1995-archive/Headings.html 

Typical Rendering
H1
Bold very large font, centered. One or two lines clear space between this and anything following. If printed on paper, start new page.
H2
Bold, large font,, flush left against left margin, no indent. One or two clear lines above and below.
H3
Italic, large font, slightly indented from the left margin. One or two clear lines above and below.
H4
Bold, normal font, indented more than H3. One clear line above and below.
H5
Italic, normal font, indented as H4. One clear line above.
H6
Bold, indented same as normal text, more than H5. One clear line above.

H5
Italic, normal font, indented as H4. One clear line above.
maar hoe los ik dan dan op?

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds november 2023 glasvezel via Solcon (voor het laatst).

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

PC: Intel Nuc i7 met W11. Laptop Thinkpad met W11.

Asus Gigabyte Home Assistant, 20 Shelly's en 2 ESP-tjes en Zigbee.

Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst: (aangepast)

Big fellow zette mij op het goede spoor, bedankt.

 

Opgelost;

  

h1, h2 {
    display: inline;
}
aangepast door Con

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds november 2023 glasvezel via Solcon (voor het laatst).

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

PC: Intel Nuc i7 met W11. Laptop Thinkpad met W11.

Asus Gigabyte Home Assistant, 20 Shelly's en 2 ESP-tjes en Zigbee.

badmeester Vaak hier

badmeester

Geplaatst:
Geplaatst:
19 uur geleden zei Con:

Ik heb een stuk tekst (h5 class="waarom") bla, bla bla...

 

 

 

Standaard opmaak van een heading ( h1 t/m h6 ) 

display: block;

Als je, zoals in jouw openings bericht, meerdere <h5> achter / onder elkaar zet in html, ze als aparte headings worden getoond.

 

Gebruik slechts 1 <h5>, met daarin apart opgemaakte elementen met opmaak vastgelegd in inline css of in een aparte stylesheet. Je kunt dan ook gaan combineren:

  

<!DOCTYPE html>
<html dir="lr" lang="nl">
<head>
<title>Opmaakcontrole</title>
<!--font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;-->
<style>
body, table {
  font-family: "Arial", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #eeeeee;
}
.fout_bericht {
  border: 1px solid #000;
  padding: 8px;
  background-color: #fff;
  cursor: pointer;
  color: #ff0000;
  font-weight: bold;
  font-size: 0.9em;
}
.thankyou {
  border: 1px solid #000;
  padding: 8px;
  background-color: #fff;
  cursor: pointer;
  color: #000;
  font-weight: normal;
  font-size: 1.2em;
}

h1 {
	font-weight: normal;
	font-size: 2em;
}
h5 { 
	font-weight: normal;
	font-size: 1.5em;
}

.waarom {
	color: #DB3D25;
}
.waarom2 {
	font-weight: bold;
}
</style>

</head>
<body>

<h1>Kopregel 1 met 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></h1>
<h5>Kopregel 5, 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></h5>
<p>Paragraaf met 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></p>
<p class="thankyou">Paragraaf met 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></p>
  
</body>
</html>

 

Con Superster

Con

Geplaatst:
  • Auteur
Geplaatst:
14 uur geleden zei badmeester:

 

Standaard opmaak van een heading ( h1 t/m h6 ) 


display: block;

Als je, zoals in jouw openings bericht, meerdere <h5> achter / onder elkaar zet in html, ze als aparte headings worden getoond.

 

Gebruik slechts 1 <h5>, met daarin apart opgemaakte elementen met opmaak vastgelegd in inline css of in een aparte stylesheet. Je kunt dan ook gaan combineren:

  


<!DOCTYPE html>
<html dir="lr" lang="nl">
<head>
<title>Opmaakcontrole</title>
<!--font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;-->
<style>
body, table {
  font-family: "Arial", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background-color: #eeeeee;
}
.fout_bericht {
  border: 1px solid #000;
  padding: 8px;
  background-color: #fff;
  cursor: pointer;
  color: #ff0000;
  font-weight: bold;
  font-size: 0.9em;
}
.thankyou {
  border: 1px solid #000;
  padding: 8px;
  background-color: #fff;
  cursor: pointer;
  color: #000;
  font-weight: normal;
  font-size: 1.2em;
}

h1 {
	font-weight: normal;
	font-size: 2em;
}
h5 { 
	font-weight: normal;
	font-size: 1.5em;
}

.waarom {
	color: #DB3D25;
}
.waarom2 {
	font-weight: bold;
}
</style>

</head>
<body>

<h1>Kopregel 1 met 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></h1>
<h5>Kopregel 5, 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></h5>
<p>Paragraaf met 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></p>
<p class="thankyou">Paragraaf met 3 <span class="waarom">woorden in kleur</span>, 1 woord <span class="waarom2">vet</span> en een paar <span class="waarom waarom2">vet en gekleurd!</span></p>
  
</body>
</html>

 

 

Omdat ik dit niet geheel kan volgen zal ik dat in een editor zetten

om vervolgens te gaan puzzelen hoe het zit. Iig bedankt.

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds november 2023 glasvezel via Solcon (voor het laatst).

Internet/PC: modem/router Fritzbox en TP-Link accesspoint, switch (8), switch (4)

PC: Intel Nuc i7 met W11. Laptop Thinkpad met W11.

Asus Gigabyte Home Assistant, 20 Shelly's en 2 ESP-tjes en Zigbee.

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
 Delen
Ga naar onderwerp-overzicht
×
×
  • Nieuwe aanmaken...