1 lijntje van 1px horizontaal...hoe ?

[whitehouse]

ik wil over mijn hele breedte en hoogte een horizontaal lijntje (wit) van 1 pix maken...
nu dacht ik dit te doen met een div , maar als ik hem 1 px breed maak (of hoog , maak niet uit), wordt nog een x aantal px uit elkaar getrokken..iemand ??

site

[Verwijderd]

code:

<hr height="1">

ofzow?

[brammetje]

een plaatje van 1x1 pixel inzetten..

[brammetje]

Op woensdag 08 augustus 2001 20:50 schreef WouteRF het volgende:

code:

<hr height="1">

ofzow?

doe dan ook ff noshade en width="100%" erbij..

dus <hr height="1" noshade="noshade" width="100%"> of is dat niet nodig bij een hr van 1 px?

[whitehouse]

ehm..liefst niet..als je heeeeel goed kijkt op het vb dat ik heb gegeven zie je dat de content-pagina wordt afgeschermd middels een wit lijntje boven en rechts...die zijn verbonden met een hoek, en als ik de pagina ga bekijken op een scherm van 1600*1200, wil ik dat de 2 lijnen nog steeds het complete beeld doorlopen...

[Verwijderd]

noshade=noshade ? hehe
gewoon noshade is voldoende

hr moet lukken voor horizontale lijn maar hierboven zeg je nu ook rechts een lijn te willen ?

probeer het anders met stylesheets
zet bij borders boven en rechts op 1px en onder en links op 0

en link de cel in een table of een div aan die stylesheet

[SWINX]

en dan nog color="FFFFFF" erachter dan komt het helemaal in orde.

volledige code wordt dan:

code:

<hr height="1" width="100%" color="FFFFFF" NOSHADE>

[whitehouse]

ehm...die hr zal niet lukken..heb tenminste nog nooit een VERTICALE hr gezien ??

daarnaast..ik heb nu een div die 2 lijntje geeft (2 divs ) , maar de verticale geeft ook een "shade" ...iemand ?

[OkkE]

1 lijntje van 1px horizontaal...hoe ?

Op woensdag 08 augustus 2001 22:52 schreef whitehouse het volgende:
ehm...die hr zal niet lukken..heb tenminste nog nooit een VERTICALE hr gezien ??

[...]

Euhm, wat wil je nou?!

[SWINX]

nou snap ik het ook niet meer

[prototype]

Op woensdag 08 augustus 2001 21:50 schreef effex het volgende:
noshade=noshade ? hehe
gewoon noshade is voldoende

hr moet lukken voor horizontale lijn maar hierboven zeg je nu ook rechts een lijn te willen ?

Jij hebt duidelijk nog nooit kennis gemaakt met XML/XHTML

[RM-rf]

als je een opzet van je site zoals op de afbeeldingen kun je misschien beter aan CSS denken;

bijvoorbeeld iets als

code:

DIV {
   border: solid 0px #FFFFFF:
   border-left: 1px;
   border-top: 1px;
}

eventueel is
border-width: 1px 1 px 0px 0px;
na border ook mogelijk.

dit definieert eerst een border van 0px en zet dan de linker en bovenrand op 1 px

[Bosmonster]

Een Div kun je gewoon 1 px breed/hoog maken en een achtergrondkleur. Als je er niks in zet is dat gewoon wat je overhoudt.

[Dark Blue]

Kijk, als je het nou zo doet:


Groen = dus die witte lijntjes. Natuurlijk hoeven de tabelcellen niet zo breed te zijn, dan hou je geen page meer over. Maar dus cellen van 1 breed en die bovenste 1 hoog. En daar dan een transparante pixel in rammen en de achtergrond wit maken, of er gewoon een achtergrondje voor maken.

As simple as that.

[Verwijderd]

ja idd
maar met cellen precies op 1px werkt volgens mij niet goed..

maar je had t eerst alleen over een horizontale lijn dus dan denkt iedereen logisch meteen aan HR, dus ff wat duidelijker zijn voortaan

maar ik zou gewoon doen zoals ik al zei en zoals RM-rf liet zien, een divje met bij de zijkanten waar jij een rand wilt de border op 1px zetten, werkt perfect en krijg je geen shade hoor.....

[Verwijderd]

Op donderdag 09 augustus 2001 01:52 schreef prototype het volgende:

[..]

Jij hebt duidelijk nog nooit kennis gemaakt met XML/XHTML

Lijkt me voor dit voorbeeld ook niet echt nodig..

[prototype]

Op donderdag 09 augustus 2001 15:35 schreef Tizzwat het volgende:

[..]

Lijkt me voor dit voorbeeld ook niet echt nodig..

Wel als het met xhtml te maken heeft , want anders gaat het hele feestje niet door als je je parameters niet defined.

[Verwijderd]

prototype : Wel als het met xhtml te maken heeft , want anders gaat het hele feestje niet door als je je parameters niet defined.


Jah ?! Klopt jah, maar wat heeft dit met een lijntje van 1 bij 1 te maken

Ik zat je ff te stangen trouwens..

[johnwoo]

... maar om ff terug te komen op die hr... het juiste attribuut om de grootte van zo'n ding aan te geven is nog altijd size (hr kent geen height property)

[prototype]

Op donderdag 09 augustus 2001 18:46 schreef Tizzwat het volgende:
prototype : Wel als het met xhtml te maken heeft , want anders gaat het hele feestje niet door als je je parameters niet defined.


Jah ?! Klopt jah, maar wat heeft dit met een lijntje van 1 bij 1 te maken

Ik zat je ff te stangen trouwens..

, effex wist hier nog niet van, en beweerde dat het nog altijd gewoon <tag NOSHADE> was, als reactie op de post van PlayR. PlayR's manier was dus de xhtml way.

[Verwijderd]

maak gewoon een tabel met borders

[Hangloozz]

lijkt me logisch dat je dit met een tabel oplost..
gebruik van DIV's is behoorlijk overhead en geeft ook een grotere kans op less crossbrowser compatibiliteit.

enne, delen van het lijntje gewoon in een plaatje opnemen wat de celvulling wordt.

maar goed dat is al een keer of wat voorbij gekomen.

[Verwijderd]

1) maak een tabel (celspacing=0 en celpadding=0)
2) geef een cel in de tabel de gewenste achtergrond kleur (voor verticale lijn breedte cel 1 pixel maken)
3) zet een transparant plaatje van 1x1 pixel in de cel

Plaatje

[Verwijderd]

Kweenie of het al gelukt is maar dit werkt wel:

<hr size="1" noshade="noshade" width="100%">

[drm]

Op woensdag 08 augustus 2001 22:52 schreef whitehouse het volgende:
ehm...die hr zal niet lukken..heb tenminste nog nooit een VERTICALE hr gezien ??

Misschien heeft het iets te maken dat hr voor HORIZONTAL ruler staat

code:

<table border="0" cellpadding="0" cellspacing="0" width="aantalpixelsbreed">
   <tr>
    <td align="left" valign="top" bgcolor="#ffffff" width="aantalpixelsbreed" height="1">[img]"dot.gif"[/img]</td>
   </tr>
</table>

waar dot.gif een transparant gifje is van 1x1

En dan spreekt een verticale wel een beetje voorzich denk ik (met een beetje puzzelen hier en daar)

HTH

[Dark Blue]

Op vrijdag 10 augustus 2001 00:21 schreef ptaverne het volgende:
1) maak een tabel (celspacing=0 en celpadding=0)
2) geef een cel in de tabel de gewenste achtergrond kleur (voor verticale lijn breedte cel 1 pixel maken)
3) zet een transparant plaatje van 1x1 pixel in de cel

Plaatje

Dat zeg ik, Gamma...

Met HR's zou ik btw niet gaan werken als je echt een strak lijntje tegen de bovenkant aan wilt, want die dingen hebben nogal es de leuke eigenschap om wat afstand te nemen...

[RM-rf]

Op vrijdag 10 augustus 2001 12:15 schreef Toeter84 het volgende:
... want die dingen hebben nogal es de leuke eigenschap om wat afstand te nemen...

en daarvoor kent het style-object weer margin

een HR heeft default een display:block (net als Heading-tags en P-tags )
door een stylesheet

code:

HR {
   display:inline;
   margin: 0;
}

maar verder heb je helemaal gelijk dat he HR's niet voor vormgeving-elementen moet gebruiken, het is eigenlijk een tekst element, een lijn als afscheiding tussen stukken tekst (alhoewel de exacte waarde van de HR hier ook wel eens bediscussieerd is, en de meesten het niet eens waren dat de HR een tekst-element is, dus ...no HR-flame intended )

de optie om een spacer-gifje te gebruiken voor zo'n layout-element is prima en zal goed werken, maar besef wel dat de beste en meest schone oplossing ligt in CSS (met borders e.d.)

[DeFeCt]

*Schop*

Klopt het nu dat ik de HR met een size van 1 niet in een css kan definieren ?

[oh,when?]

Op donderdag 09 augustus 2001 22:14 schreef Hangloozz het volgende:
gebruik van DIV's is behoorlijk overhead...

overhead? wat? De browser moet meer moeite doen om een <DIV> te renderen dan een <TABLE> (of nog erger, geneste tables..) Dat is dus niet echt waar..of bedoel je wat anders?

please xplain

[Hangloozz]

Op woensdag 31 oktober 2001 14:48 schreef oh,when? het volgende:

overhead? wat? De browser moet meer moeite doen om een <DIV> te renderen dan een <TABLE> (of nog erger, geneste tables..) Dat is dus niet echt waar..of bedoel je wat anders?

please xplain

naar aanleiding van:

Op donderdag 09 augustus 2001 22:14 schreef Hangloozz het volgende:

gebruik van DIV's is behoorlijk overhead en geeft ook een grotere kans op less crossbrowser compatibiliteit.

Ik bedoelde overhead in de zin van hoeveelheid werk om te bouwen omdat je nog weer rekening moet gaan houden met 81 soorten browsers voordat het eruit ziet en doet wat je wilt.