Toon posts:

[CSS] <hr /> margin bottom

Pagina: 1

Acties:

44 views sinds 30-01-2008
Reageer

donderdag 5 juni 2003 12:03

Acties:

Verwijderd

Topicstarter

De <hr /> tag, een heel handig ding. Echter een klein dingetje (het klinkt waarschijnlijk heel stom), ik wil de ruimte die hij autom. onde de ruler plaatst een stuk kleiner hebben.
Op de ene of andere manier krijg ik het niet voor elkaar.
Het MSDN al geraadpleegd, maar zonder resultaat.
Heb uiteraard in mijn stylesheet de hr als element meegenomen en er een magrin-bottom: -10px; in geparkeerd, maar eveneens zonder enig resultaat.
Voor de test ook maar even de waarde verhoogd naar -100px; maar ook dat heeft gewoon geen uitwerking.

Iemand een idee hoe dit nu komt ?

donderdag 5 juni 2003 12:05

Acties:

Clay

cookie erbij?

hmz. line-height heeft ook geen invoed. Kan je niet gewoon een border-top -of bottom ergens gebruiken ipv die hr?

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

donderdag 5 juni 2003 12:10

Acties:

Verwijderd

Topicstarter

Nee, dat kan helaas niet. De plaats waar de tag neergezet word is een tag binnen een CMS systeem, dat maar een bepaald aantal tags heeft. En dat zijn dus de standaard opmaak dingetjes, zoals <b> <i> etc. De rest zal ik allemaal met codeblocken en of css moeten oplossen. Border-bottop of top is hier dus geen optie.

donderdag 5 juni 2003 12:14

Acties:

Verwijderd

Topicstarter

Effe off topic:

Clay, een tipje voor je site ..
Gebruik de "<meta http-equiv="imagetoolbar" content="no" />" in je header van he html pagina's. Dat voorkomt het hele irritante image toolbar ding waar je een afbeelding mee kunst versturen of opslaan. Afbeeldingen die bij jou als illustratie van de site (erh mooi btw) worden gebruikt komt nu autom. dat toolbar ding omhoor.

donderdag 5 juni 2003 12:21

Acties:

crisp

Devver

Pixelated

Ik heb ook wel eens lopen stoeien met de hr's; het is inderdaad geen padding of margin. Uiteindelijk heb ik maar een divje van 2 pixels hoog gebruikt met een achtergrondje erin.

Intentionally left blank

donderdag 5 juni 2003 12:27

Acties:

Verwijderd

Topicstarter

Ja, maar ik vind dat niet echt een nette oplossing ...

donderdag 5 juni 2003 12:35

Acties:

Verwijderd

Topicstarter

Het stomme is: margin-top: -24px; werkt gewoon wel ...
Ikke nu niet meer begrijpe man ....

donderdag 5 juni 2003 12:35

Acties:

Verwijderd

wat staat eronder? als er een <p> onder staat moet je de margin-top daarvan ook aanpassen. Volgens mij heb ik hier ook wel eens mee lopen stoeien en ik geloof dat ik er wel uit was gekomen.

donderdag 5 juni 2003 12:40

Acties:

BtM909

Watch out Guys...

[google=HR margin doesn't work] levert aardig wat websites op, die hetzelfde ervaren als jij. Ik kan me niet voorstellen dat zoiets 'basaals' er niet inzit.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

donderdag 5 juni 2003 12:43

Acties:

Verwijderd

Topicstarter

Nee, das ook geen nette oplossing. boven de <hr /> tag staat vaak een <h1,2,3> tag. En die staat ook standaard boven aan de pagina. Dit betekend dus dat de <h1,2,3> tag die boven in de pagina staat maar half te zien is omdat hij half onder de bovenkant van de pagina verdwijnt.
Maareh, dit is toch absurd. De margin-bottom wil niet werken, maar margin-top wel !!!! Ik heb namelijk zo'n idee we hier een heel vreemd probleem hebben gevonden ..

donderdag 5 juni 2003 12:46

Acties:

Verwijderd

Topicstarter

Het werk echt niet hoor ... Probeer maar eens ...

donderdag 5 juni 2003 12:52

Acties:

Verwijderd

Topicstarter

Heb dit gevonden:

CSS Property/ Problem:
margin values

Description:
Negative values only allowed for margin-top and margin-left.

Workaround:
Don't use negative values

Het lijkt er dus op dat het gewoonweg niet mag ...

donderdag 5 juni 2003 21:07

Acties:

Verwijderd

Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/got/images/icons/edit.gif

2) waarom gebruik je dan niet een negatieve waarde van de margin-top van het element wat eronder komt zoals ik al lang heb gezegd? Dit werkt bij mij prima:

HTML:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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>
<title>hr</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
hr {
    border: 1px solid red;
}
p {
    margin-top: -7px;
    border: 1px solid green;
}
</style>
</head>

<body>
<h1>kop</h1>
<hr />
<p>text</p>
</body>
</html>

donderdag 5 juni 2003 22:04

Acties:

Verwijderd

Verwijderd schreef op 05 June 2003 @ 12:43:
Nee, das ook geen nette oplossing. boven de <hr /> tag staat vaak een <h1,2,3> tag.

Het staat nergens in de specificaties dat dit niet mag, maar ik vind het toch een beetje vreemd.

Ik dacht altijd dat HRs alleen bedoeld waren om scheiding aan te brengen tussen verschillende secties in een HTML pagina. Een scheiding vlak na een Hx lijkt me wat vreemd.

Als je alleen een border onder je Hx wilt, kun je die beter met CSS een border geven. Dan heb je ook meer controle over de afstand, etc. HRs zijn in het algemeen erg moeilijk te stijlen elementen.

donderdag 5 juni 2003 22:29

Acties:

tomato

Inderdaad, ik denk dat je de hr tag verkeerd gebruikt als hij vaak direct na een header staat. Je scheidt hiermee wat onder de header staat van de header zelf, ik kan me niet voorstellen dat dat echt de bedoeling is (tip: bekijk je pagina ook af en toe zonder stylesheet en bedenk of dit is wat je bedoelt).

Zoals Blues zegt zou ik dan toch voor de border van de header gaan, of misschien van het element dat onder de header komt.

vrijdag 6 juni 2003 09:12

Acties:

edwinistrator

http://www.sovavsiti.cz/css/hr.html

vrijdag 6 juni 2003 09:33

Acties:

MBV

heeft een van jullie wel eens gekeken op de specificaties van www.w3.org? dat zijn de officiële

Vooral microsoft (msdn) houdt er nogal van om niet alles goed te vermelden.
Wil je zorgen dat het op alle browsers werkt, dan zou ik eens http://validator.w3.org gebruiken

vrijdag 6 juni 2003 09:37

Acties:

BtM909

Watch out Guys...

MBV schreef op 06 juni 2003 @ 09:33:
heeft een van jullie wel eens gekeken op de specificaties van www.w3.org? dat zijn de officiële

Ik denk het wel

Vooral microsoft (msdn) houdt er nogal van om niet alles goed te vermelden.
Wil je zorgen dat het op alle browsers werkt, dan zou ik eens http://validator.w3.org gebruiken

Hmmm... Dat valt nog te betwijfelen. Wat heeft het voor zin voor MS om dingen 'goed' te vermelden. De standaard is niet alles! Als je iets voor MS bouwt, dan is de documentatie van MS vaak toch wel erg betrouwbaar...

En het lijkt me alleen een extra service als zij ook nog aangeven hoe je code voor meerdere browsers kan gebruiken.

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1

Reageer