Php / Css

Fermé
Utilisateur anonyme - Modifié par cabon.contact le 18/08/2012 à 20:05
moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 - 18 août 2012 à 21:01
Bonjour,

J'aimerais styliser mon système de news, j'aimerais mettre des guillemets de tailles supérieur au contenu mais j'y arrive pas.

Index.php :
<!DOCTYPE> 
<html lang="fr"> 
<head> 
<meta charset="iso-8859-1"> 
<title>Titre</title> 
<link rel="stylesheet" href="styles.css" type="text/css" media="screen"> 
</head> 
<body> 
<div id="title">LINK UP</div> 
</body> 
</html> 
<?php 
require "config.php"; 
mysql_connect(DB_HOST,DB_LOGIN,DB_PASS); 
mysql_select_db(DB_BDD); 

$sql="SELECT * FROM news order by id DESC limit 1 "; 
$req= mysql_query($sql) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error()); 
while($data=mysql_fetch_assoc($req)){?> 
<div id="wrapper"><div id="titre"><?php echo "<h1>{$data["titre"]}</h1>";?></div> 
<div id="contenu"><div class="g1">"</div><?php echo "{$data["contenu"]}";?><div class="g1">"</div></div> 
<div id="date"><?php echo "<p align\"right\">Publier le ".date("j/n/Y",strtotime($data["date"]))."</p> ";?></div></div><?php 
} 
?>


Styles.css :
body{ 
position:absolute; 
background-image:url('images/fond.jpg'); 
margin:0; 
max-width:1200px; 
max-height:1600px;; 
} 

#title{ 
position:fixed; 
top:88%; 
left:40%; 
color:white; 
font-size:60px; 
font-family:tahoma; 
} 

#wrapper{ 
position:absolute; 
 width:400px; 
 height:150px; 
 margin:2em; 
 text-align: left; 
} 

#titre{ 
position:fixed; 
top:35%; 
left:9%; 
color:white; 
font-size:30px; 
font-family:tahoma; 
} 

#contenu{ 
position:fixed; 
top:48%; 
left:10%; 
color:white; 
font-size:22px; 
} 

#date{ 
position:fixed; 
top:54%; 
left:10%; 
color:white; 
} 

.g1{ 
font-size:80px; 
color:white; 
} 


Merci d'avance de vos réponses


A voir également:

8 réponses

moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
18 août 2012 à 19:54
Si tu mt une lettre a cote de ta guillement le 80 px s'applique ?
0
Utilisateur anonyme
18 août 2012 à 20:06
Non rien :(
0
moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
18 août 2012 à 20:42
Essai avec un id :

<div id = 'Guillemet' >"</div>


css :

#Guillemet{
font-size:80px;
color:white;
}

Par contre ta guillemet s'affiche qd meme ?
0
Utilisateur anonyme
18 août 2012 à 20:49
En fait problème c'est que le texte d'après revient à la ligne suivante.
www.shareimage.org/images/yaqe487ocp4og1fadolm.png
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
18 août 2012 à 20:54
Ok mais ca marche comme ca !!!

Meme en laissant ta class ton div va a la ligne ??????????
0
Utilisateur anonyme
18 août 2012 à 20:58
Oui
0
Utilisateur anonyme
18 août 2012 à 21:00
J'ai enfin trouver, il fallait mettre la class directement dans echo
<div id="contenu"><?php echo "<div class=\"g1\">\"{$data["contenu"]}\"</div>";?></div>
Merci pour tes réponses :)
0
moiced59 Messages postés 1145 Date d'inscription samedi 15 novembre 2008 Statut Membre Dernière intervention 18 août 2014 60
18 août 2012 à 21:01
ajoute ca au css du div guilleme


display:inline;
0