Having trouble because part of your page doesn’t show up in Mozilla? Using sitemeter, by any chance?
You might be yet another victim of the vanishing div problem, documented by yours truly for the good of all.
Category: Social Media and the Web
Social media, blogging, tweeting, facebooking, web design, and all the stuff that isn’t here yet. Subcategories highlight some areas of particular expertise.
Québécoise! [en]
Vous n’êtes sans doute pas sans savoir que notre chère amie Script est québécoise. Vous verrez que dans la bare de liens, j’ai changé le drapeau à côté de son nom.
Ben oui, je comprends tout à fait. Le drapeau français pour signaler la langue française, c’est bien joli – mais que fait-on des francophones non français? Vous savez, ça fait un moment qu’ils me gênent, ces drapeaux. Je ne suis pas française non plus, et plutôt fière de ma particularité helvète.
J’attends vos suggestions brillantes!
Reviews [en]
I’ve finally put my AstoundingWeb/Fathom5 reviews online. Enjoy!
- Psychology of Cyberspace: an online book on the psychological dimensions created by computers and networks.
- Operation Clambake: a very well-documented resource devoted to fighting the Church of Scientology (CoS).
- House of Style: one of the best CSS (Cascading Style Sheets) resources I have found online.
- BonniNet: BonniNet: site(s) of Bonni Elizabeth Hall. Beautiful, interesting, readable. A great place to spend some time.
Liens cassés [en]
Un grand merci à Evelyne pour m’avoir fait remarquer que la quasi-totalité des liens vers les pages intérieures de mon site étaient cassés. Et les autres, vous dormez?! En fait, c’est un problème de serveur que j’espère résoudre bientôt.
En attendant, essayez la chose suivante: à la place de https://climbtothestars.org/writing/fantome/ qui donne une erreur (par exemple), écrivez https://climbtothestars.org/writing/fantome.php. Faites les autres sur le même modèle. Désolée pour l’inconvénient, et ne désespérez pas!
News [en]
Expect silence during these next days (weeks?). I’m offline to prepare my exams, which will happen on Tuesday
and Thursday next week. Wish me luck!
As soon as those are done with, I’m off to Birmingham — to see this little one, amongst other
lovely people. I’ll hop down to London with Danielle to see Private Lives (btw, if you’re a nice
person in London and you can accomodate the two of us for one night, drop
me an e-mail!)
Those of you who know my mobile number can use that to reach me while
I’m in Switzerland (I love sms!) — once I’m in England, email rules.
But most of all, have a nice time while I’m gone!
CSS Layouts [en]
If you’re still wondering why you should use CSS instead of tables for layout out your pages, you need to read Eric Costello’s excellent Introduction to CSS Layout.
For more information on how to do it (once you’re convinced), you can always check out my stuff – at the risk of repeating myself. Of course, Eric’s article does a pretty good job of explaining that part too, complete with practical examples.
CSS rocks!
HTML4.01 and CSS2 Quick Reference [en]
If you find the prospect of wading through the w3c specs daunting, and you are a lucky user of Mozilla or Opera, you’ll find these sidebar tabs invaluable. Yes, follow that link even if you don’t know what a sidebar tab is. I didn’t either before I went there.
These tabs conveniently list all the HTML and CSS elements in your sidebar. Click on the tag, attribute or element you need information on, and you’ll be transported to the relevant place in the w3c specifications. Without the trouble of finding the right spec, and then the right place in the spec. Still there?
I can’t imagine I discovered about them only now.
Yes, Shirley tells us they work in Opera, don’t worry.
Mise en page [en]
Encore un site francophone “sans les tableaux”: celui de Sébastien. Allez lire ses textes, aussi, il y a du bon!
CSS: regardez-moi ces <div>! [en]
Un truc qui aide beaucoup lorsque l’on travaille sur une mise en page en CSS, c’est de rendre visibles les bords des boîtes (<div>) que l’on utilise.
Voici un bookmarklet qui vous permet de visualiser les boîtes de n’importe quelle page.
Il suffit de copier <a href="javascript:void(d=document);void(el=d.getElementsByTagName('div'));for(i=0;ile javascript en question dans vos favoris. Vous pouvez simplement saisir le lien ci-dessus avec la souris et le faire glisser dans vos favoris (pour mozilla et IE, en tous cas – je ne suis pas sûre de comment ça se passe dans Opera. Pascale?)
Il vous suffira ensuite de cliquer sur ce favori pour visualiser les divs et spans de la page sur laquelle vous vous trouvez. Pratique, non? En plus, ça existe aussi <a href="javascript:void(d=document);void(el=d.getElementsByTagName('div'));for(i=0;i<el.length;i++){void(el[i].style.border='2px dashed red')};void(el=d.getElementsByTagName('span'));for(i=0;ien couleurs! (D’autres bookmarklets?)
[En cas de problème technique, vous connaissez le numéro…]
CSS Love [en]
Want to see “professional” CSS? Take a trip down to adactio.com and have fun switching styles.
No tables!
If you dig theme-switching, check out this article at ALA: Alternative Style.