quotes pour blocquotes

quotes pour blocquotes - HTML/CSS - Programmation

Marsh Posté le 03-03-2010 à 17:22:38    

Bonjour a tous
 
est ce quelqu'un a une solution pour mettre des guillemets à  
 
<bloquote>
<p>blabla 1</p>
<p>blabla 2</p>
<p>blabla 3</p>
</bloquote>
 
pour aficcher cela :
"blabla 1
blabla 2
blabla 3"
 
et qui marche sur tout les navigateur lol...
 
j'ai trouvé des solution avec une image à la place des ""
est il possible d'adapter le pricipe des image (first-letter, flaot...) pour mettre un caractere " plutot qu'une image  
 
 
 

Citation :


 blockquote {     font-family:Georgia,"Times New Roman",Times,serif;     font-style:italic;    background:url(right-quote.gif) no-repeat right bottom;    text-indent:-25px;     padding-right:25px;    padding-left:25px;    color:brown;   text-align:justify;  }     blockquote:first-letter {    background:url(left-quote.gif) no-repeat left top;    padding-left:25px;    font-size:1.4em;  }

Reply

Marsh Posté le 03-03-2010 à 17:22:38   

Reply

Marsh Posté le 06-03-2010 à 07:03:17    

bonjour a toi  
 
<p>"blabla 1<br/>blabla 2<br/>blabla 3"</p>
 
tout simplement  
 
sinon ta solution marche enlève les blockquote et met tes ""
 
puis c'est blockquote et pas bloquote faire des erreurs de programmation fait des erreurs d'affichage   :)  :)  
et ça ne sert strictement a rien de mettre plein de balise <p></p> un simple br va a la ligne du coup ton langage est plus propre  ;)  
 
je pense avoir répondu a t'a question si ce n'est pas le cas donne un peux plus d'info sur le contexte car tu as peux être une raison de mettre un blockquote si toute fois c'est juste pour le css que tu fais ça met une balise <div> avec un attribue id ou class
 
bon chance a toi  


Message édité par euh1 le 06-03-2010 à 07:26:41
Reply

Marsh Posté le 06-03-2010 à 10:38:04    

Avec content :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
blockquote {
  font-family:Georgia,"Times New Roman",Times,serif;
  font-style:italic;
  text-indent:-25px;
  padding-right:25px;
  padding-left:25px;
  color:brown;
  background-color:#FFFFE0;
  text-align:justify;
}
blockquote:first-letter {  
  padding-left:25px;
  font-size:1.4em;
}
blockquote:before {  
  content:"\"";
}
blockquote:after {  
  content:"\"";
}
</style>
</head>
<body>  
<blockquote>  
blabla 1
<br>blabla 2
<br>blabla 3  
</blockquote>  
<p><b>Note:</b> Internet Explorer 8 (and higher) supports the content property if a !DOCTYPE is specified.</p>
</body>
</html>

J'ai remplacé le <p> par <br> parce que sinon cela ne marcherait pas bien avec mon Google Chrome. Et il faudrait revoir la lettrine (first-letter). Mais c'est juste un exemple pour montrer content.

Reply

Marsh Posté le 08-03-2010 à 11:30:55    

du coup je me pose une question d'un point de vu sémentique et accessibilité
 
faut il mieux mettre les guillement dans le texte ou les faire afficher avec blockquote:before et blockquote:after

Reply

Marsh Posté le 08-03-2010 à 11:49:13    

Heu, vous êtes quand même au courant que :after et :before ne fonctionne pas sous IE6 ?

Reply

Marsh Posté le 08-03-2010 à 16:02:39    

du coup je me pose une question d'un point de vu sémentique et accessibilité  
 
faut il mieux mettre les guillement dans le texte ou les faire afficher avec blockquote:before et blockquote:after
 
sans parler techinique (a savoir si tel ou tel navigateur gère bien les CSS), je parle en théorie dans le meilleur des mondes (abstraction faite de la technique)


Message édité par php34000 le 08-03-2010 à 17:12:06
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed