<hr>

[555Martijn]

hallo
ik wil graag zoals op deze website: http://kalsey.com/2003/07/css_dotted_borders_in_ie/styles/core.css

onder het woord "recently" en "elsewhere" hebben ze een mooie lijn, en het is geen image. hoe doe ik dat? met hr?

 

[vdijken]

broncode bekiken

Je kunt zelf de broncode bekijken; op de navigatiebalk heb je de optie Beeld, bij IE kies je dan Bron, Bij Firefox Paginabron. Dan kun je de HTML code zien. Er zit wel een stylesheet (css) in.

 

[555Martijn]

ja en toen ik die wou bekijken die css kwam ik bij de pagina die ik nu heb (styles/core.css)

heb ook gegoogled, maar weet niet precies welke termen dus dat was ook niet geslaagd

 

[Frats]

Wat je misschien eens moet proberen Firebug te downloaden en te installeren op Firefox.

Dan kun je gewoon de toolbar openen, klikken op 'inspect' en het element dat je zoekt aanklikken, en dan zie je in Firebug precies wat het element is waar de CSS vandaan komt die hem opmaakt

 

[ErikBooy007]

Het is waarschijnlijk (ik heb de bron niet bekeken) inderdaad een simpele <hr> met wat styling. Iets in deze geest:

<hr style="height: 1px; background: #ccc">

EDIT: Toch even in de bron gekeken. Recently is een h3. Een h3 in een div met class 'footnote'.

Als we vervolgens de CSS nakijken, zien we dat het een simpele border-bottom op de h3 is.

Dus:

.footnote h3{
  border-bottom:1px solid #9F9F9F;
  border-top:4px solid #9F9F9F; /* Voor die dikke lijn erboven */
}

 

[555Martijn]

@Frats: Ik zal kijken daar naar, thanks .

@ErikBooy007: Het is me nog niet helemaal gelukt, ik zie geen verschil als ik normaal..

<hr>

of als ik,

<hr style="height: 1px; background: #ccc">

Doe.

ook maak ik zelf niet gebruik van een h3 tag, maar een plaatje. Is het dan nogsteeds mogelijk? Hier een stukje van mijn HTML.

<div id="content">
<img src="images\newspaper2.png"><br>
<hr><br><br>

 

[ErikBooy007]

img{
  border-bottom:1px solid #9F9F9F;
}

Werkt waarschijnlijk ook wel... Hoewel je beter de afbeelding in een div kunt zetten zoals in het voorbeeld en die div een border kunt geven. Dan kun je ook makkelijker wat ruimte maken tussen de afbeelding en de lijn.