Archief - De koffiepauzehoek

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
-

-BVR-

Legacy Member
Albireo zei:
CSS vraagstuk van de dag:

Ik heb een tabel met meerdere rijen en kolommen en in elke cel een div (met class ".DayOfMonth") uitgezonderd enkele eerste en laatste cellen in de tabel (het is een maandkalender) die leeg zijn. Ik probeer die div's een border te geven zonder dat ik met dubbele borders kom te zitten in 2 aaneengrenzende div's. Met m'n huidige aanpak heb ik overal de borders die ik wil uitgezonderd in de allereerste div. Hoe kan ik die allereerste div selecteren? (zonder de html aan te passen en die allereerste div begint niet altijd op woensdag natuurlijk)
Je kan de pagina zien op http://users.telenet.be/joris1976/calendar.html.

In't echt wordt dat server-side generated zou ik die eerste div gewoon een id kunnen geven, maar ik vraag me af of het puur via CSS te doen is.
Klik om te vergroten...

Aangezien het nooit dezelfde dag in de maand is (maandag, disndag ...) kan je dit niet doen. CSS heeft ook geen "contains()" ofzo, zodat je kan selecteren om basis van die "1". Met jQuery gaat het bv. wel, maar dan is het beter server-side een ID ("first-day" ofzo) toe te wijzen. Wat W0utr zegt zal niet werken aangezien elke class in dit geval een first-child van hun parent zijn.

Side note: ik vind het altijd gemakkelijker om css classes en ID's met streepjes te schrijven (zo-dus) en JavaScript/PHP variables met capitals (zoDus).
p

profound

Legacy Member
Code: 
table tr:first-child td:empty:nth-child(2) + td div.DayOfMonth{
    background-color: blue;
}
Dit werkt, maar zoals Bram al zei zit je met het probleem dat niet elke maand hetzelfde is. Tis vreemd dat bovenstaande code werkt, maar niet;

Code: 
table tr:first-child td:empty:last-child + td div.DayOfMonth{
    background-color: blue;
}

Iemand die weet waarom?

Maar dan zit je met een probleem als je maand op maandag begint denk ek :p
A

Albireo

Legacy Member
die :empty heeft me op ideeën gebracht. :hug: Ik zoek een .DayOfMonth die een descendant is van een td die een adjacent sibling is van een lege td oftewel:
Code: 
            td:empty + td .DayOfMonth {
                border-left: 1px solid teal;
            }
Da's de eerste keer in m'n leven dat ik :empty gebruik :lol:
W

W0utR

Legacy Member
Aha, had inderdaad niet gekeken of alle .DayOfMonth in dezelfde parent zaten.

Is er iemand met wat git ervaring die mij verder kan helpen, ik probeer momenteel mijn website te hosten op Github pages, ik gebruik hierbij Jekyll, ik weet dit gh pages met Jekyll kan werken als je source je top-lever directory is, mijn structuur is echt anders:

Code: 
- Gruntfile.js
- package.json
- ...
- src
--- _config.yml
--- _site/
--- ...

De bedoeling is nu dat enkel "_site/" op mijn gh pages komt, ik weet dat je een branch gh-pages kan aanmaken, maar hoe kan ik nu specifiek mijn "src/_site" daarin krijgen? _site staat ook in mijn .gitignore.
A

Albireo

Legacy Member
BramVanroy zei:
Side note: ik vind het altijd gemakkelijker om css classes en ID's met streepjes te schrijven (zo-dus) en JavaScript/PHP variables met capitals (zoDus).
Klik om te vergroten...

Als je dubbelklikt op een woord-met-hyphens wordt slechts een gedeelte van het woord geselecteerd. Dat probleem heb je niet als je Pascal case of underscores gebruikt. En vandaar... :)

profound zei:
Maar nu ga je problemen hebben als de maand op maandag begint.
Klik om te vergroten...

m'n CSS is nu zo:
Code: 
            .DayOfMonth {
                border-top: 1px solid teal;
                border-right: 1px solid teal;
                border-bottom: 1px solid teal;
            }
            td:first-child .DayOfMonth {
                border-left: 1px solid teal;
            }
            td:empty + td .DayOfMonth {
                border-left: 1px solid teal;
            }
Dus als de maand op maandag begint, dan krijgt die div een border-left via td:first-child .DayOfMonth

:empty werkt wel niet in IE 8 en de helft van alle computers op het werk gebruikt nog Windows XP/IE 8, maar als iemand komt klagen om één ontbrekend streepje neem ik ontslag en ga ik bij de vuilkar werken. :unsure:
p

profound

Legacy Member
Albireo zei:
Als je dubbelklikt op een woord-met-hyphens wordt slechts een gedeelte van het woord geselecteerd. Dat probleem heb je niet als je Pascal case of underscores gebruikt. En vandaar... :)



m'n CSS is nu zo:
Code: 
            .DayOfMonth {
                border-top: 1px solid teal;
                border-right: 1px solid teal;
                border-bottom: 1px solid teal;
            }
            td:first-child .DayOfMonth {
                border-left: 1px solid teal;
            }
            td:empty + td .DayOfMonth {
                border-left: 1px solid teal;
            }
Dus als de maand op maandag begint, dan krijgt die div een border-left via td:first-child .DayOfMonth
Klik om te vergroten...

Inderdaad :)
b

bealzebub

Legacy Member
Albireo zei:
Side note: ik vind het altijd gemakkelijker om css classes en ID's met streepjes te schrijven (zo-dus) en JavaScript/PHP variables met capitals (zoDus).
Klik om te vergroten...

Als je dubbelklikt op een woord-met-hyphens wordt slechts een gedeelte van het woord geselecteerd. Dat probleem heb je niet als je Pascal case of underscores gebruikt. En vandaar... :)
Klik om te vergroten...

Da's misschien wel waar, maar CSS selectors zijn over het algemeen case insensitive, HTML class names zijn dan weer case sensitive. Selectors kunnen dan weer wel case sensitive zijn afhankelijk van het documenttype.
Selectors Level 3

En daar ligt waarschijnlijk ook de reden voor het algemeen gebruik van lowercase class- en idnames, met gebruik van dashes of underscores om woorden te scheiden. Pak in jouw geval dan lowercase en underscore, dan selecteert een dubbelklik wel alles.

Wat jij doet zal wel aanvaardbaar zijn, maar geen enkele van mijn concullega's of ikzelf zou graag zoiets gepresenteerd krijgen denk ik.
-

-BVR-

Legacy Member
Albireo zei:
Als je dubbelklikt op een woord-met-hyphens wordt slechts een gedeelte van het woord geselecteerd. Dat probleem heb je niet als je Pascal case of underscores gebruikt. En vandaar... :)



m'n CSS is nu zo:
Code: 
            .DayOfMonth {
                border-top: 1px solid teal;
                border-right: 1px solid teal;
                border-bottom: 1px solid teal;
            }
            td:first-child .DayOfMonth {
                border-left: 1px solid teal;
            }
            td:empty + td .DayOfMonth {
                border-left: 1px solid teal;
            }
Dus als de maand op maandag begint, dan krijgt die div een border-left via td:first-child .DayOfMonth

:empty werkt wel niet in IE 8 en de helft van alle computers op het werk gebruikt nog Windows XP/IE 8, maar als iemand komt klagen om één ontbrekend streepje neem ik ontslag en ga ik bij de vuilkar werken. :unsure:
Klik om te vergroten...
Kunt ge dan niet beter het in jQuery steken? (Of is op uw werk JS overal uitgeschakeld? :p)
d

dJeez

Legacy Member
profound zei:
Ik ben een kleine webapp aan het maken om mijn java skills wat te onderhouden.
Klik om te vergroten...
Met Play? :p

OT: je kan je probleem oplossen via vb. PubSubHubbub (of een andere real-time messaging oplossing), er zijn verschillende online services die dat als dienst aanbieden (oa Build Real-Time Applications With The Real-Time Network | PubNub en Pusher | HTML5 WebSocket Powered Realtime Messaging Service)...

Als je zelf een implementatie wil hosten is dit misschien wel iets : http://code.google.com/p/pubsubhubbub-java/.
p

profound

Legacy Member
dJeez zei:
Met Play? :p
Klik om te vergroten...

Waar ik atm aan bezig ben neen. Helaas, want ik ben echt niet zo'n fan van spring.
Het is heel spijtig dat Play! (in vergelijking met spring) zo weinig waard is op de arbeidsmarkt. Ook naar support en community toe, heb je bij spring veel meer middelen.
Maar desondanks staat et sowieso op mijn to-do list :D
A

Albireo

Legacy Member
BramVanroy zei:
Kunt ge dan niet beter het in jQuery steken? (Of is op uw werk JS overal uitgeschakeld? :p)
Klik om te vergroten...

Dan verkies ik toch om er server side wat extra classes tegenaan te gooien. Ook al kun je dit met jQuery in 1 regeltje oplossen (en jQuery wordt op die pagina al gebruikt), it just doesn't feel right.
J

Jonathan

Legacy Member
Ik ben serieus gefrustreerd van alle mogelijke ecommerce platformen.
Ofwel is het closed-source in de zin van een SAAS oplossing waar ik niet genoeg aanpassingen kan doen voor mijn project, ofwel is het open-source en zit de hele boel met haken en ogen aan elkaar omdat ze er de hele tijd features willen bij proppen om iedereen blij te houden en toch maar te kunnen pochen met de meeste features.
Een volledig ecommerce platform from scratch heb ik ook geen zin in wegens tijdsgebrek en te weinig ervaring met security betreffende webshops.

<end rant> :-(
d

dJeez

Legacy Member
shadowstep0705 zei:
Is Play framework dan zo goed?
Klik om te vergroten...
Ik vond het vooral enorm aangenaam om mee te werken, naast het feit dat TDD er zowat ingebakken zit (het leert dus goede dev merhodes aan, ideaal voor beginners). En het is ook snel op te zetten (incl. failover instance), en heel flexibel.

Ik heb het hier wel over de Java implementatie (Scala is niet mijn cup of tea).

Play 2.0, a Web framework for a new era - Devoxx 2011 -*Devoxx

@Jonathan: en in welke taal moet die shop geschreven zijn? Of doet dat er niet toe? Want er is meer dan php he :p. Als je toch php verkiest dan kan Sylius misschien wel iets zijn om in het oog te houden.
D

Dieterg

Legacy Member
Ik wil mijn domeinnaam koppelen aan heroku. Ik heb mijn domeinnaam een uur geleden toegevoegd aan heroku. Nu probeer ik via versio een A record aan te maken dat verwijst naar mijn app, alleen verspringt het A record telkens terug naar het IP adres van versio. Heeft dat tijd nodig of moet ik ergens nog rechten instellen?

dJeez zei:
Voor Javascript beginners (en gevorderden) is volgende referentiesite wellicht wel handig : JS: The Right Way
Klik om te vergroten...

Of via codecombat: CodeCombat
D

Dieterg

Legacy Member
dJeez zei:
Voor Javascript beginners (en gevorderden) is volgende referentiesite wellicht wel handig : JS: The Right Way
Klik om te vergroten...

Of via codecombat: CodeCombat


Ik wil mijn domeinnaam koppelen aan heroku. Ik heb mijn domeinnaam een uur geleden toegevoegd aan heroku. Nu probeer ik via versio een A record aan te maken dat verwijst naar mijn app, alleen verspringt het A record telkens terug naar het IP adres van versio. Heeft dat tijd nodig of moet ik ergens nog rechten instellen?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan