DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
nicequote:Op donderdag 9 juni 2011 16:56 schreef Mirel het volgende:
Het n8n, het is uiteindelijk gelukt met m'n css.
jammer dat dit niet kan
| 1 2 3 4 5 | body header:hover { body { color: red; } } |
“Specialization is for insects”.—Robert Heinlein
Met een tool als LESS kun je dat soort CSS wel schrijven. Ik heb het een tijdje op kantoor gebruikt, maar ben er toch van terug gekomen. Ja, het maakt de code die je schrijft wat compacter enzo, maar toch liep ik iedere keer tegen problemen aan met bijv. CSS3-properties en dingen die niet juist werden gemerged/geminified.
Bleuh.
is dat javascript? ik bedoel dat je effect uitoefent op een bovenliggend element door een binnengesloten element te gebruikenquote:
Met een tool als LESS kun je dat soort CSS wel schrijven. Ik heb het een tijdje op kantoor gebruikt, maar ben er toch van terug gekomen. Ja, het maakt de code die je schrijft wat compacter enzo, maar toch liep ik iedere keer tegen problemen aan met bijv. CSS3-properties en dingen die niet juist werden gemerged/geminified.
“Specialization is for insects”.—Robert Heinlein
Waarom zou ik dat doenquote:Op zondag 12 juni 2011 16:20 schreef n8n het volgende:
[..]
nice
jammer dat dit niet kan
[ code verwijderd ]
Of was het het 2e onderwerp in je post afzonderlijk van de nice gericht naar mij?
When all else fails, you always have delusion.
De nieuwe versie van LESS is wel Javascript-based ja, maar een oudere versie (die ik gebruikte) maakt gewoon op je systeem van een .less-file een .css-file.
werd dus
| 1 2 3 4 5 6 | body { color:red; div { color:blue; } } |
werd dus
| 1 2 | body { color:red; } body div { color:blue; } |
Bleuh.
Oh nee wacht, ik zie nu pas wat je wilt bereiken. Dat kan inderdaad niet, en daar heb je inderdaad Javascript voor nodig.
Bleuh.
Ik heb hem nu in een losse div staan. Ik krijg het alleen nog niet voor elkaar om hem helemaal bovenaan te krijgen in die navigation div.quote:
Probeer het vlaggetje in een div te zetten ipv een img src tag. Die houden zich niet altijd aan de regels. Die div margin 0 auto geven.
[ afbeelding ]
Is er een manier om een fix te zetten in Google Chrome voor een css probleem? Als je background: 100%; doet dan scrollt Chrome erg langzaam. 
http://1586563.huweb.nl/ hier bij body{
De hele site is gedurende het ontwikkelen naar de klote gegaan in verschillende browsers. We hebben besloten om het in Chrome te presenteren maar dat scrollen doet dus erg irritant.
http://1586563.huweb.nl/ hier bij body{
De hele site is gedurende het ontwikkelen naar de klote gegaan in verschillende browsers. We hebben besloten om het in Chrome te presenteren maar dat scrollen doet dus erg irritant.
When all else fails, you always have delusion.
Ik mis sowieso de "This website is best viewed with Google Chrome on a 1200x1024 or larger screen resolution" disclaimer op die website.
Geef #flag maar een negatieve margin-top, dan werkt het. Hoewel ik dit typisch een voorbeeld vind van iets wat ik absoluut zou positioneren.quote:
[..]
Hij stond nog nergens online
Nu wel.
klik
Bleuh.
Aangezien ik het liever gelijk goed wil doen dan, hoe positioneer ik hem absoluutquote:
[..]
Geef #flag maar een negatieve margin-top, dan werkt het. Hoewel ik dit typisch een voorbeeld vind van iets wat ik absoluut zou positioneren.
?edit: met margin-top:-150px; is het gelukt. alleen ben nu benieuwd naar hoe ik hem absoluut zou posioneren (link updated dus).
Koop maar een groot schermquote:
Ik mis sowieso de "This website is best viewed with Google Chrome on a 1200x1024 or larger screen resolution" disclaimer op die website.
When all else fails, you always have delusion.
Ahh, een nieuw probleem. De shadow functie in css werkt dus niet op afbeeldingen. Nu kan ik die shadow handmatig toevoegen in photoshop. Of kan ik het ook op een of andere manier zo doen dat hij de shadow wel op de buttons werkt?
linkje
linkje
shadows op een div (of een div eronder), en niet op het plaatje zelf?
When all else fails, you always have delusion.
Hoe gooi ik er een div op? Ik ben nog niet zo heel ver kwa kennis van html/css ehquote:
shadows op een div (of een div eronder), en niet op het plaatje zelf?
Worked out pretty neat so far right?quote:
Ik weet wel het een en ander, maar dingen als div's over elkaar? shoot me.
Als ik het zou weten zou ik het niet vragen eh
?so, can you help me?
Ok, ik zal stoppen trots zijn dat ik iets heb kunnen leren met een shitload aan tutorials en andere websites. Zou jij dan kunnen stoppen met m'n code kunnen afkraken en of feedback geven met verbeteringen, of gewoon niks? Dat werkt een stuk makkelijker.quote:
Al je content in een <nav> zou ik niet 'pretty neat' noemen.
[ Bericht 0% gewijzigd door Tazar_Yoot op 13-06-2011 15:07:47 ]
Bij mij heeft de volgende fix gewerkt (#div en color:red is even ter illustratie):quote:
Is er een manier om een fix te zetten in Google Chrome voor een css probleem? Als je background: 100%; doet dan scrollt Chrome erg langzaam.
http://1586563.huweb.nl/ hier bij body{
De hele site is gedurende het ontwikkelen naar de klote gegaan in verschillende browsers. We hebben besloten om het in Chrome te presenteren maar dat scrollen doet dus erg irritant.
| 1 2 3 4 | @media screen and (-webkit-min-device-pixel-ratio:0) { #div { color:red; } } |
Ehm?quote:
[..]
Bij mij heeft de volgende fix gewerkt (#div en color:red is even ter illustratie):
[ code verwijderd ]
Hoe moet ik dit hierin doen:| 1 2 3 4 5 6 7 8 9 10 11 | body { background-image: url('img/bgtest2.jpg'); background-size: 100%; background-repeat:no-repeat; background-position:center; height: inherit; font-family: arial; font-size: 13px; color: #242424; background-attachment: fixed; } |
When all else fails, you always have delusion.
Zo dus:quote:
[..]
Ehm?
[ code verwijderd ]
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | @media screen and (-webkit-min-device-pixel-ratio:0) { body { background-image: url('img/bgtest2.jpg'); background-size: 100%; background-repeat:no-repeat; background-position:center; height: inherit; font-family: arial; font-size: 13px; color: #242424; background-attachment: fixed; } } |
Al zou ik alleen de elementen erin zetten die je voor Chrome gefixed wil hebben. Font-family is bijvoorbeeld (neem ik aan) het zelfde voor alle browsers, en hoeft er hier dus niet in.
Dat had ik al geprobeerd en het werkte niet. Ook met dingen los zetten maar erg verfijnd deed ik het niet, was alleen heel snel dingen aan het testen. Ik weet niet of je achter pixel-ratio:0 de ; vergat maar met en zonder was er geen verschil.
Een paar posts terug had n8n het erover dat je niet css binnen css kon doen:
Een paar posts terug had n8n het erover dat je niet css binnen css kon doen:
Ik zie dan geen reden dat hij deze code dan wel zou kunnen lezen.quote:
[..]
nice
jammer dat dit niet kan
[ code verwijderd ]
When all else fails, you always have delusion.
