Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > HTML & CSS

gebruik BR/ tag

ecoracer - 03/05/2014 11:04 (laatste wijziging 03/05/2014 21:00)
Nieuw lid		is er een manier om niet meer te hoeven te werken met een <BR/> tag, zo ja welke, eventueel met voorbeeld/en, veel dank, ecoracer

4 antwoorden

Gesponsorde links

Thomas - 03/05/2014 12:53
Moderator		Gebruik paragrafen met behulp van <p>...</p> tags. Hierop voortbordurend: gebruik ook headings (bij voorkeur maximaal één <h1></h1>, en eventueel een of meer <h2></h2>, <h3></h3> et cetera) en <strong>...</strong> en <em>...</em> voor belangrijke passages in tekst (maar niet overal omheen zetten natuurlijk). Nu is het gebruik van <br /> bij mijn weten niet dodelijk, maar als je het kunt vermijden is dit beter.

Pieter - 03/05/2014 14:31
SEO guru		Vermijden moet je niet. Je moet het gewoon gebruiken waarvoor het bedoeld is: een nieuwe regel in een tekst. Een paragraaf is semantisch anders, zijnde een nieuwe tekstblok. Als je het gebruikt puur om ruimte te maken, moet je padding/margin in CSS leren gebruiken.
Bedankt door: Thomas

ecoracer - 03/05/2014 20:02 (laatste wijziging 03/05/2014 20:53)

Nieuw lid

Je zal merken wat ik bedoel, als ik een paragraaf of een h1 tag gebruik zal de bovenkant van het woordje CONTENT niet even hoog staan als LEFTNAV, hoe los ik dat probleem op, alle code die ik gebruik zit erbij?

Moet ik aan de slag met het text-align en/of position attribuut?

php code - Bekijk de code zonder highlighting - Klap code in

                
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testsite</title>
<style>
#container
{
	width: 960px;
	background-color: #FFF;
	position: relative;
	margin: 0px auto;
	font-family: "Courier New", Courier, monospace;
	background-color: #ffcccc;
}

#menu
{
    width: 940px;
    padding: 10px;
    background-color: #ccffcc;
}

#logo
{
    width: 940px;
    padding: 10px;
    background-color: #ccccff;
}

#leftnav
{
    width: 240px;
    padding: 10px;
    float: left;
    background-color: #aaffff;
}

#content-container
{
    width: 960px;
}

#content
{
    width: 680px;
    padding: 10px;
    float: left;
    background-color: #ffffcc;
}

#content img 
{
	padding: 0px;
}

#content p
{ 
	padding: 0px;
}

#footer
{
    clear: both;
    width: 940px;
    padding: 10px;
	background-color: #ffffff;
}

body {
    background-color: #033;
}
</style>
</head>
<body>
<div id="container">
    <div id="menu">MENU</div>
    <div id="logo">LOGO</div>
  <div id="content-container">
        <div id= "leftnav">LEFTNAV</div>
        <div id="content">
        <h1>CONTENT</h1>
        <img src="afbeeldingen/honden.jpg" width="394" height="309" /></div>
    </div>
    <div id="footer">FOOTER</div>
</div>
</body>
</html> 
            
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Testsite</title>
<style>
#container
{
	width: 960px;
	background-color: #FFF;
	position: relative;
	margin: 0px auto;
	font-family: "Courier New", Courier, monospace;
	background-color: #ffcccc;
}
 
#menu
{
    width: 940px;
    padding: 10px;
    background-color: #ccffcc;
}
 
#logo
{
    width: 940px;
    padding: 10px;
    background-color: #ccccff;
}
 
#leftnav
{
    width: 240px;
    padding: 10px;
    float: left;
    background-color: #aaffff;
}
 
#content-container
{
    width: 960px;
}
 
#content
{
    width: 680px;
    padding: 10px;
    float: left;
    background-color: #ffffcc;
}
 
#content img 
{
	padding: 0px;
}
 
#content p
{ 
	padding: 0px;
}
 
#footer
{
    clear: both;
    width: 940px;
    padding: 10px;
	background-color: #ffffff;
}
 
body {
    background-color: #033;
}
</style>
</head>
<body>
<div id="container">
    <div id="menu">MENU</div>
    <div id="logo">LOGO</div>
  <div id="content-container">
        <div id= "leftnav">LEFTNAV</div>
        <div id="content">
        <h1>CONTENT</h1>
        <img src="afbeeldingen/honden.jpg" width="394" height="309" /></div>
    </div>
    <div id="footer">FOOTER</div>
</div>
</body>
</html>
 

Thomas - 03/05/2014 20:35
Moderator		Gelieve code tussen [ code ] tags te plaatsen (4e icoon in je reactie-balk). Zoals in je andere topic staat aangegeven: dit heeft te maken met marges/paddings etc. van HTML-elementen, in dit geval je header-1 element. Ik zou aanraden een element-inspector te gaan gebruiken. Deze zit in de meeste browsers onder de F12 functietoets. Hiermee kun je pagina-elementen in afzondering bekijken en hier eigenschappen (waaronder margin, padding etc.) van opvragen.

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten