Php / Css
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 :
Styles.css :
Merci d'avance de vos réponses
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
8 réponses
-
ajoute ca au css du div guilleme
display:inline; -
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 :) -
Oui
-
Ok mais ca marche comme ca !!!
Meme en laissant ta class ton div va a la ligne ?????????? -
En fait problème c'est que le texte d'après revient à la ligne suivante.
www.shareimage.org/images/yaqe487ocp4og1fadolm.png -
Essai avec un id :
<div id = 'Guillemet' >"</div>
css :
#Guillemet{
font-size:80px;
color:white;
}
Par contre ta guillemet s'affiche qd meme ? -
Non rien :(
-
Si tu mt une lettre a cote de ta guillement le 80 px s'applique ?
