[css] border eerder dan eind element op laten houden (?)

[r0bert]

Volgens mij is het wel mogelijk, maar ik kan er maar niet achter komen hoe:


Zoals je ziet loopt de border(-top) iets te ver door. Dat zou eventueel op te lossen zijn met een extra cell, die je er dan weer tussen invoegt blablabla.. allemaal heel onpraktisch. Nu heb ik volgens mij een tijdje geleden dit opgelost door geklooi met de marges of padding, maar ik kan het niet meer vinden en het lukt me ook niet om voor elkaar te krijgen..

Heeft er dus iemand een andere (liefst gewoon css met evt. een kleine workaround) oplossing om de border voor het einde(/begin) van het element op te laten houden, zonder dat je moet beginnen met het invoegen van hele cellen e.d. ?

[2]

Kun je de code posten die je nu hebt?

[Woudloper]

Zoals 2 al zegt... Graag een stukje van je code zodat we het zelf kunnen toepassen e.d.

[r0bert]

http://www.sovenewmedia.n...net/vester/indexTemp.html

[RM-rf]

mogelijk heeft

code:

margin-left: -10px;

hier zin, je zit dan echter ook onderop met een bottom-border die verder naar rechts begint

[DeFeCt]

wat is het probleem van een extra cel?

[Verwijderd]

_{[Ongelofelijk offtopic]
En wat de kleur van de tekst betreft: een donkere variant van de ondergrond....?
[/offtopicmode]}

[r0bert]

Ik heb het opgelost..
.. door de linker image van de navigatie relatief te positioneren t.o.v. de navigatiecel met een linkermarge van -19 pxs;

DeFeCt:
wat is het probleem van een extra cel?

Dat zou eventueel op te lossen zijn met een extra cell, die je er dan weer tussen invoegt blablabla.. allemaal heel onpraktisch

Ennneuh ivy.. bedankt voor het meedenken Ik zal kijken wat ik ermee kan

edit:
werkende nav.. http://www.sovenewmedia.n...et/vester/indexTemp2.html

[wicher|IA]

naja, werkend?



Opera (6.05) is een heel goede browser hoor, waarmee prima rekening te houden is.
En die door meer mensen wordt gebruikt dan in de statistieken staat, omdat Opera zich standaard identificeert als MSIE, dom ja.

[r0bert]

Ohw.. thanks voor de tip.. ik zal er naar kijken zodra ik alles voor IE werkend heb !

[Verwijderd]

Een extra cell is een heel goed id. Maak een extra cel en defineer maar 1 border. Zoiets

code:

td.singlebotborder {
border-style:'solid';
border-color:'#000000';
border-left-width:'0px';
border-right-width:'0px';
border-top-width:'0px';
boder-bottom-width:'1px';
}

in je css, en dan

<td class = "singlebotborder">&nbsp;</td>

[wicher|IA]

Verwijderd schreef op 11 oktober 2002 @ 20:10:
Een extra cell is een heel goed id. Maak een extra cel en defineer maar 1 border. Zoiets

code:

td.singlebotborder {
border-style:'solid';
border-color:'#000000';
border-left-width:'0px';
border-right-width:'0px';
border-top-width:'0px';
boder-bottom-width:'1px';
}

in je css, en dan

<td class = "singlebotborder">&nbsp;</td>

Op zich goed, maar het kan wel wat korter:

code:

td.singlebotborder {
border: solid 0px #000000;
border-bottom-width: 1px;
}

[Verwijderd]

wicher schreef op 11 oktober 2002 @ 22:32:
[...]

Op zich goed, maar het kan wel wat korter:

code:

td.singlebotborder {
border: solid 0px #000000;
border-bottom-width: 1px;
}

Die notatie raad ik eigenlijk altijd af. Ik vind het beter om géén verkorte notatie te gebruiken, zoals voor border of background mogelijk is.
Ik houd echt één soort waarde per property. Wat jij doet kan natuurlijk wel, en is helemaal valide CSS code, maar ik vind het erg onduidelijk.

code:

border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #000000;

Overigens vind ik dit juist een mooi voorbeeld om helemaal geen CSS te gebruiken voor die lijntjes. Waarom maak je er niet één grote afbeelding van met een image map, of een geslicete afbeelding? Want 'gewoon' CSS vind ik dit niet. CSS werkt met een box model, waar schuine kantjes gewoon nog niet mogelijk zijn tot nu toe. Er zou dan immers een geweldige set properties en regels bij komen.

[wicher|IA]

Verwijderd schreef op 11 oktober 2002 @ 22:40:

[...]

Die notatie raad ik eigenlijk altijd af. Ik vind het beter om géén verkorte notatie te gebruiken, zoals voor border of background mogelijk is. Ik houd echt één soort waarde per property. Wat jij doet kan natuurlijk wel, en is helemaal valide CSS code, maar ik vind het erg onduidelijk.

Jouw manier van vier waarden achter één border-width (ook een soort verkorte notatie eigenlijk) vind ik eigenlijk alleen maar onduidelijker, omdat compleet niet duidelijk is welke waarde bij welke kant hoort.

Overigens vind ik dit juist een mooi voorbeeld om helemaal geen CSS te gebruiken voor die lijntjes. Waarom maak je er niet één grote afbeelding van met een image map, of een geslicete afbeelding? Want 'gewoon' CSS vind ik dit niet. CSS werkt met een box model, waar schuine kantjes gewoon nog niet mogelijk zijn tot nu toe. Er zou dan immers een geweldige set properties en regels bij komen.

Het schuine randje wordt dan ook alsnog gewoon als een image gedaan, en niet met CSS. Lijkt me op zich niets mis mee hoor.
Maar misschien is het inderdaad wel net zo handig om gelijk ook het onderrandje in de image op te nemen.

[ Voor 0% gewijzigd door wicher|IA op 11-10-2002 23:56 . Reden: toevoeging ]

[crisp]

wicher schreef op 11 oktober 2002 @ 19:07:
naja, werkend?

[afbeelding]

Opera (6.05) is een heel goede browser hoor, waarmee prima rekening te houden is.
En die door meer mensen wordt gebruikt dan in de statistieken staat, omdat Opera zich standaard identificeert als MSIE, dom ja.

In Mozilla is het effect trouwens precies zoals in Opera; MSIE's boxmodel wijkt ook af van de w3c standaard (zijn al een paar draadjes over geweest), dus ik neem aan dat dat hier ook de reden is.
Opera is trouwens prima te herkennen hoor, ook al 'ie zich identificeerd als IE; typ maar eens in de adressbar:

code:

javascript:alert(navigator.userAgent)

Opera geeft dan zoiets als:

code:

Mozilla/4.0 (compatible; MSIE 5.0; Windows 2000) Opera 6.0 [en]

Kortom: een simpele scan op 'Opera' en je vist het er zo uit; kan me niet voorstellen dat de statistieken jongens dat niet weten...