volgende regel

Status
Niet open voor verdere reacties.
D

dj technics

Gebruiker
Lid geworden
1 sep 2007
Berichten
367
he,

ik ben juist begonnen met het volgen van een html guide.
hier hebben ze iets gezegd van een volgende alinea met <p> maar dan is er een witte regel tussen de tekst.
nu is mijn vraag hoe neem ik gewoon een volgende regel zonder die witte regel ertussen

bedankt

dj technics
 
ah en mischien kan ik ook ineens vragen hoe ik een foto als link gebreuk
en hoe krijg ik die foto dan in het midden gecentreerd
 
Laatst bewerkt:
gewoon een nieuwe regel is <br>, of <br />
op tutorials lees ik altijd dat die laatste 'future proof' is.. dus die gebruik ik ook meestal
volgens mij is een plaatje als link gewoon
<a href='[link]'><img src=''/></a>
 
<p> is meer een nieuwe alinea en <br> is een nieuwe regel. Het verschil is de tussenruimte tussen twee regels.
 
Het verschil tussen <br> en <br /> tags is, dat <br /> een XHTML tag is en <br> een HTML tag.

Sommige mensen zeggen inderdaad dat XHTML de toekomst is, sommigen zweren bij HTML. Mijn voorkeur ligt bij XHTML.

De image tag moet volgens de specificaties nog een alt="" tag hebben. Desalniettemin zal het zo wel werken.
 
Die alt-tag bij 'n plaatje is van belang voor zoekmachines, spraakbrowsers, enz. Als je site wordt geïndexeerd door 'n zoekmachine heeft die niets aan 'n plaatje, maar 'n alt-tekst kan wel worden gelezen en geïndexeerd. (Zelfde geldt voor bijvoorbeeld 'n blind iemand.)

'n <p> is bedoeld voor 'n nieuwe paragraaf, zeg maar alinea. 'n <br> of <br /> is bedoeld voor 'n nieuwe regel binnen die paragraaf.
Het voordeel van 'n <p> is dat je in je css in één keer allen eigenschappen voor alle <p>'s kunt wijzigen.
Als je geen tussenruimte tussen de <p>'s wilt hebben zet je in je css:
Code: 
p {margin: 0;}
'n <p> heeft van zichzelf 'n marge aan boven- en onderkant, en die is nu weg. Als je nou later opeens toch 'n marge wilt hebben (bij lange stukken tekst leest dat echt veel prettiger op 'n scherm), dan haal je 't gewoon weer weg en ziedaar: alle marges staan er ineens weer.
 
bedankt voor jullie hulp.
de site is op enkele details af
ik zou alleen de foto op de homepage nog moetengecentreerd krijgen.

<a href="frame.html"><img alt="home foto" src="Stoomtreinen_openingsfoto.jpg" align="center" width="300" height="300"></a>
Klik om te vergroten...

zo heb ik hem erop gezet (hij dient ook als hyperlink)
maar de vraag is hoe krijg ik hem in het midden.

en al mijn links zijn blauw inderlijnd. met mijn achtergrond zijn die amper leesbaar.
na enig opzoekwerk heb ik mij laten wijsmaken dat je dit zo kunt veranderen

<body bgcolor="#233CF6" text="#F67438" links="#F67438">
Klik om te vergroten...

maar het werkt dus niet

kan iemand dit nog even nader verklaren

bedankt
 
Zet in je <head>

HTML: 
<style type="text/css">
  a {
    color: #F67438;
    text-decoration: none;
  }
</style>

En voor het centreren moeten we eigenlijk wat meer code zien. Overigens is de manier die je nu gebruikt hebt voor het kleuren van de tekst, niet de mooiste manier. Je zou je eigenlijk eens moeten verdiepen in CSS, maar dat is niet per sé noodzakelijk.
 
hier heb je de volledige pagina code

<html>
<head>
<title>welkom</title>
</head>
<body bgcolor="#233CF6" text="#F67438" links="#F67438">
<h1><p align="center">spoor6</p><h6>
<h3><p align="center">heet u welkom</p></h3>
<a href="frame.html"><img alt="home foto" src="Stoomtreinen_openingsfoto.jpg" align="center" width="300" height="300"></a>
<h4><p align="center"><a href="frame.html">kom binnen</p></a>
</body>
</html>
Klik om te vergroten...

ben juist met een webdisgn cursus gestart. css komt er ook in voor maar nu nog niet
 
Zwiep je code eens in
http://validator.w3.org/

eerste bijlage geeft de nodige foutmeldingen,
tweede is goedgekeurd.

Je dient een doctype en karakterset in je document op te nemen.
En door gebruik te maken van een style breng je je opmaakcodes naar de head.
Dus de linken -voor wat betreft uiterlijk en kleur- staan in de head.

Test altijd je code/pagina in de validator.


:cool:
 

Bijlagen

Goeroeboeroe zei:
'n <p> is bedoeld voor 'n nieuwe paragraaf, zeg maar alinea. 'n <br> of <br /> is bedoeld voor 'n nieuwe regel binnen die paragraaf.
Klik om te vergroten...
met p en br tegelijk werkt altijd maar moeilijk vind ik..
ik vind het het makkelijks om met <div> en <br /> te werken, dan kun je altijd nog kiezen hoeveel regels je ertussen wilt hebben
 
Dat kan ook. 't Is vooral 'n kwestie van wennen aan dingen als 'n div en 'n p.
'n div is eigenlijk bedoeld voor grotere eenheden (division).
't Voordeel van als je <p> én <div> gebruikt is dat je veel meer mogelijkheden hebt om de lay-out later op 'n heel simpele manier aan te passen.
De marge ('witte regels') tussen <p>'s en eventueel <div>'s kun je in px opgeven, dat blijft altijd hetzelfde. 'n <br /> varieert. Bij 'n grotere letter is de <br /> ook hoger. En er zit ook variatie tussen diverse browsers en systemen in de hoogte van 'n <br />. Zeker als je meerdere achter elkaar gebruikt kan dat 'n lay-out aardig slopen.
't Verbaast me eigenlijk 'n beetje dat die html guide niet gelijk begint met css, want dat is eigenlijk al jarenlang 'n onlosmakelijke tweeling. Is dat wel 'n goede handleiding?
 
Ja, style die je in de <head> declareert, geldt juist in de body. In de <head> is er toch niets te stylen?
 
Dat zijn bepaalde regels (conventies) waarin dat is afgesproken. Het hoort in de <head>. Het is niet zozeer een kwestie van niet kunnen.
 
Nee, zo:

HTML: 
<head>
  <title>Pagintitel</title>
  <style type="text/css">
    a:link, a:visited, a:hover, a:active {
      color: #F67438;
    }
  </style>
</head>
 
ok ik begin het te snappen. bedankt voor je hulp.
nog één enkele vraag
waarom text/css
en wat is a:link, a:visited, a:hover, a:active
 
Tsja, die eerste vraag is er eentje waar ik je eigenlijk niet echt een goed antwoord op kan geven. Ik weet dat het zo hoort en daarom doe ik het altijd. Ik ga ervan uit dat het is zodat de browser weet wat je bedoeld, maar ik zie niet echt in hoe de browser het verkeerd kan interpreteren. Maar ik zou zeggen, zet het er gewoon bij, laat maar weten dat het CSS is ;)

Wat betreft je tweede vraag:

Code: 
a:link, a:visited, a:hover, a:active

geeft aan dat alle stijl in het volgende blok (tussen { } ) van toepassing is op het a element (een link dus). :link geeft aan dat het geldt voor een normale link, :visited geeft aan dat het geldt voor een link die je al bezocht hebt, :hover geeft aan dat het geldt voor een link waar je op dat moment met je cursor op staat, en :active geeft aan dat het geldt voor een link waarop je op het moment je muisknop ingedrukt hebt.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan