Aller au contenu

Change
Bienvenue sur GeekZone
Inscrivez-vous sur GeekZone pour profiter des fonctions avancées du forum, proposer des news, participer aux conversations, ouvrir votre galerie, profiter de la messagerie interne et venir tester nos modérateurs avec du bon troll... Attention, ils ont la gâchette facile. C’est aussi pour ça que GeekZone est le meilleur site de passionnés depuis 2002 ! Si vous avez déjà un compte, connectez-vous - sinon, il est temps d'en créer un.

CSS et header

- - - - -
Débuté par Cobra , 12 Dec 2011 12:06

  • Veuillez vous connecter pour répondre
6 réponses à ce sujet

#1
Cobra
Posté 12 December 2011 - 12:06

Cobra

    Yoda Geek

  • Membre
  • PipPipPipPipPipPip
  • 2098 messages
  • Lieu:Lardy, Essonne
Salut,

alors voilà, j'ai une page plus ou moins html qui permet de créer un PDF. J'avais besoin d'un header sur chaque page. J'ai donc utilisé du CSS. Mais voilà que changement de programme, le header doit être sur toutes les pages sauf pour la première... Du coup, je suis un peu coincé, mes connaissances en CSS sont limités et j'arrive pas à trouver s'il est possible directement en css ou via du javascript de ne pas l'afficher sur la première page.

Si quelqu'un de plus instruit connait la solution, ça m'arrangerais. Voilà mon code simplifié actuel :

<html>
	<head>
		<style>
		@page  {
			@top-center {
				content: "Compte Rendu de la visite";
			}
		}
	   
		</style>
	</head>
	<body> 
  blablabla
	</body>
</html>

Allice, dark elf brigand et Krackotte, ogresse Berserker (EQ2)
Alice la Folle, necro (GW)
Carmillaaa, Fixer (AO)
Image IPB

#2
Moe
Posté 12 December 2011 - 12:28

Moe

    Râleur

  • Membre
  • PipPipPipPipPipPip
  • 3124 messages
  • Lieu:France
Salut,
c'est une syntaxe spécifique au PDF ? Parce qu'en temps normal les règles CSS ne peuvent pas être imbriqués et il faut utiliser "#" pour un id et "." pour une classe.
Image IPB Image IPBFranglaisZone :(

#3
cedric
Posté 12 December 2011 - 12:38

cedric

    Senseï Geek

  • Membre
  • PipPipPipPipPip
  • 1732 messages
  • Lieu:Chièvres, Belgique
C'est du paged media en css3. Essaie simplement d'ajouter un display:none; après ta ligne content (si @top-center est bien ton header)
Image IPB

#4
Cobra
Posté 12 December 2011 - 14:01

Cobra

    Yoda Geek

  • Membre
  • PipPipPipPipPipPip
  • 2098 messages
  • Lieu:Lardy, Essonne
Alors c'est un code que j'ai récupéré quelque part. Pour mon PDF, c'est un peu spécial, c'est sur une plateforme Salesforce.com donc la page est un mélange de html/javascript... et de code propriétaire.

Sinon le code fournis rajoute bien mon header (le content) sur chaque page créée, mais comment lui dire que juste pour la page 1 on en veut pas ? Le display:none va retirer le header sur toutes les pages je pense.

Sinon j'avais utilisé le code suivant pour numéroter mes pages, mais je pense pas qu'on puisse mettre du code conditionnel dans du css...

@page {
@top-right {
  content: "Page" counter(page);
}
}

Modifié par Cobra, 12 December 2011 - 14:59.

Allice, dark elf brigand et Krackotte, ogresse Berserker (EQ2)
Alice la Folle, necro (GW)
Carmillaaa, Fixer (AO)
Image IPB

#5
laloutr3
Posté 12 December 2011 - 14:36

laloutr3

    Lord Jedi Geek

  • Membre
  • PipPipPipPip
  • 575 messages
  • Lieu:Bordeaux, 192.168.0.2
J'ai fait un peu de SalesForce.com dans le cadre de mon stage il y a quelques mois, et c'est assez galère :/ Pas moyen d'utiliser l'apex pour arriver à ce comportement plutôt que se limiter au visualforce? Parce que je suis pas sur que ce que tu demande soit possible via visualforce, mais après j'y ai pas touché beaucoup aussi !

Tu peux aussi aller demander sur le forum des développeurs SalesForce.com (developer.force.com) et poser la question là bas, ils m'avaient pas mal aidé !

Sinon, je pense aussi que le display:none va retirer le header de toutes les pages, vu qu'au final, c'est une page visualforce (donc un seul css) qui donne plusieurs pages pdf

Modifié par laloutr3, 12 December 2011 - 14:39.

Image IPBImage IPB

#6
PetitPrince
Posté 12 December 2011 - 14:43

PetitPrince

    Senseï Geek

  • Membre
  • PipPipPipPipPip
  • 1486 messages
  • Lieu:Asteroïde B-612 actuellement crashé en Suisse [vers Lausanne]
J'ai jamais vu de @ utilisé en temps que sélecteur, mais essaie peut-être une truc du genre
			@page  {
					@top-center {
							content: "Compte Rendu de la visite";
					}
			}

			@page:first-child  {
					@top-center {
							content: "Compte Rendu de la visite";
					}
			}

La pseudo-classe :first-child sélectionne les premiers éléments d'un sélecteur.

" PLACEO, FABRICATI OVIS "
Neon Tetris Evangelist sur Tetrisconcept.net (nous ne sommes pas franc-maçon)

#7
Cobra
Posté 12 December 2011 - 15:10

Cobra

    Yoda Geek

  • Membre
  • PipPipPipPipPipPip
  • 2098 messages
  • Lieu:Lardy, Essonne
@laloutr3 : ouai je finirais par demander là bas surement.

@PetitPrince : j'ai essayé, ça marche pas :(

Bon j'ai trouvé, ça ressemble à ce que PetitPrince à fait en fait :
@page :first{
@top-center{
  content: "";
}
}
@page  {
@top-center {
  content: "Compte Rendu de la visite";
}
}

Modifié par Cobra, 12 December 2011 - 15:11.

Allice, dark elf brigand et Krackotte, ogresse Berserker (EQ2)
Alice la Folle, necro (GW)
Carmillaaa, Fixer (AO)
Image IPB
Retourner dans Web Dev


1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

  1. GeekZone
  2. → DevZone
  3. → Segmentation Fault
  4. → Web Dev