www.css-voorbeelden.nl

Hallo, hoe ik de |table.scroll width: 100%| ook wijzig, er verandert niets. Al maak ik van de 100% zelfs 10%, er verandert niets: de horizontale scrollbalk blijft, maar het scheelt slechts een millimetertje. Nou ja, zo erg is het nou ook weer niet. Jammer, want hij is niet nodig. Dank voor je uitzon...

Ja hoor, als een tierelier............ prachtig......

Nu nog even de horizontale scrollbalk weg want die is niet nodig. De tabel is een millimetertje te breed anders zou die balk er niet zijn.....

Hallo, nee hoor, blozen is niet nodig. Ik had die twee regels van het vorige bericht al in de css gezet, gewoon onderaan toegevoegd. Maar helaas geen enkel effect. Addertje in de css....? (Ctrl/U werkt niet als er frames (ja, die zijn er nu eenmaal) worden gebruikt. Wat je dan te zien krijgt is de i...

Hallo, ik heb je css als 'external css' ingevoerd en het werkt uitstekend! De volgende twee rules wil ik voor de duidelijkheid nog aan de css toevoegen zodat regels om-en-om een andere achtergrondkleur krijgen: tr:nth-of-type(odd) {background: white; border:lightblue;} tr:nth-of-type(even) {backgrou...

Hoi, Het heeft even geduurd maar hieronder het resultaat van de (niet correct werkende) CTRL/U uit Chrome. Ik krijg het niet meer voor elkaar om de headerlijn stil te laten staan bij scrollen. EN de cellen passen niet meer onder de headerlijn. Wat wél werkt is dat de gehoverde foto's op dezelfde ple...

Hallo, Tjonge wat is dat css lastig. Zoals je het uitlegt begrijp ik het, maar kom er zelf niet op! ik heb jouw methode twee (standalone) geprobeerd en die werkt uitstekend! Maar, je raadt het al: als ik dat toevoeg aan de bestaande css (combinatie zie hieronder) dan werkt het niet meer door wellich...

Hoi,
het werkt wel en niet...
Dwz: van de eerste pagina komt een gehoverde foto netjes op dezelfde pagina, maar als ik scroll naar de volgende pagina van de tabel dan staan die gehoverde foto's óók op de vorige pagina, dus buiten beeld. Is daar nog iets aan t doen?

mvg

Wooooow....daar moet ik even over nadenken....veel informatie voor een css-amateurtje zoals ik....
Ik laat zsm weten of het is gelukt.
In elk geval alweer bedankt.
mvg

Hoi, De grote foto 'zakt' nog steeds iets lager als ik met de muis naar beneden ga over de foto's. Op een gegeven moment staat niet meer de hele foto op het scherm zonder te scrollen. Is het mogelijk dat de grote foto altijd op dezelfde plek - liefst in het midden - op het scherm komt. Boven welke f...

Hallo, Onderstaande code geeft een tabel met in elke cel van kolom 1, een kleine foto. Zodra de muis op de foto komt (hover) wordt die foto vergroot getoond, niet IN de cel maar 'erbuiten'. Tot zover prima. Echter: een vergrote foto komt steeds lager te staan op het scherm als een 'lagere foto' word...

JAAAAAAAAAAAAA, ik heb je tweede PS ingevoerd en nu werkt het precies zoals bedoeld! De hele tabel scrolt en de header staat (bijna) stil (schuift een pixeltje omhoog). Hartstikke goed! Ik heb ook gelezen in je document en ik ga dat zeker weten helemaal doorlezen. Ik heb veel van je geleerd waarvoor...

Hallo,
Als ik de float: left weghaal is de hele layout naar de knoppen, dus die heb ik weer teruggezet.
Ik denk dat de indeling van de kolommen niet op de juiste plaats staat, althans wel voor de headers maar niet voor de rijen?
Het is volgens mij iets heel simpels, maar ja............. wat?
mvg

Dank voor je snelle reactie! Nee het verplaatsen van de table-layout: fixed; heeft helaas geen effect. Ik vind het vreemd dat de css van de kolommen (th:first-of-type, enz) over th gaan en niet over td. De headertjes zijn goed (th) maar de rijen eronder niet (td). Heeft dat er misschien iets mee te ...

Hoi, Het wil maar niet lukken. In bijgevoegde code hieronder heb ik nog niet al je adviezen opgevolgd maar even alleen hetgeen om de boel aan het werken te krijgen, maar helaas. Daarna ga ik volgens jouw aanwijzingen eea optimaliseren/verbeteren. De situatie is nu dat de header blijft staan tijdens ...

Hallo, Nee, ik heb wel WordPress maar hou liever "feeling met de code" als je begrijpt wat ik bedoel. Ben nog niet zo lang bezig met CSS, leer er steeds wat bij, maar ik vind het wel erg lastig te gebruiken en te interpreteren. Het heeft wel veel voordelen, dus ik ga het steeds meer gebrui...

waaw.....daar ga ik in het weekend eens mee aan de gang!
We moeten straks toch binnen blijven dus mooie gelegenheid om dit te bestuderen.
Harstikke bedankt alvast. Ik hoop dat ik je lastig mag blijven vallen met dit soort vragen?
Bvd en mvg

Oh ja, hier nog de code: ==================== <html> <style type="text/css"> table.scroll { width: 100%; border-spacing: 0; border: 2px solid black; } table.scroll th, table.scroll td, table.scroll tr, table.scroll thead, table.scroll tbody { display: block; } table.scroll thead tr { /* fa...

Hallo, het kostte enige moeite maar ik heb eea zodanig aangepast dat er nu één tabel is, zoals je - terecht - hebt geadviseerd. Het werkt prima maar ik heb nog twee probleempjes/vragen/uitdagingen: - alle kolommen zijn nu even breed. Hoe kan ik bepaalde kolommen een andere breedte geven dan de rest?...

Hartelijk dank voor je uitgebreide en snelle antwoord.
De bedoeling is inderdaad dat de cellen even breed worden als in de header.
Vandaar dat ik de cellen van de header én de cellen in de tabel even breed probeer te maken mbv de percentages.
Ik ga je antwoord bestuderen.
Mvg

Hallo, Ik heb een tabel met een vaste header en daaronder scrollable 'cellen'. Dat werkt goed. De header is ok. De cellen van de rest van de tabel echter zijn allemaal even breed, dus soms te breed en soms niet breed genoeg. Heb van alles geprobeerd mbv <th> en <td> enz, maar helaas. Hoe kan ik de h...