- Statut : non résolu
- Ce sujet contient 5 réponses, 3 participants et a été mis à jour pour la dernière fois par Arrakis, le il y a 14 années.
-
AuteurMessages
-
25 septembre 2010 à 10 h 10 min #486494
Bonjour,
Pouvez vous m’aider à résoudre ce petit problème.
Je n’arrive pas a enlever le « posted in » sous mes photos et je voudrais que le « comments » soit calé a droite sous la photo?
Est ce possible facilement?
a voir ici : http://www.eyewideshut.net
voici le CSS ci dessous
/*
Theme Name: Simply BasicTheme URI: http://www.bballcity.com/download/themes/simply-basic/
Description: A wordpress theme by Ash Haque
Version: 1.4
Author: Ash HaqueAuthor URI: http://www.bballcity.com
The CSS, XHTML is released under a Creative Commons License
http://creativecommons.org/licenses/by/2.5/
*//*
1. Universal Declarations
2. Structure
2.1. Header
2.2. Content
2.3. Comments
2.4 Sidebar
2.5 Footer
3. Lists
4. Headings
5. Images
6. Forms
7. Page Specific
8. Extras
*//* Universal Selectors
*/* {
margin: 0;
padding: 0;
/* Resets all margins and paddings on the page */
}ul {
list-style-type: none;
}* a:link, * a:visited, * a:hover, * a:active {
text-decoration: none;
color: #06c;
}* a:hover {
cursor: pointer;
/* works well for onclick anchors */
}:link img {
border: none;
}* img {
border: none;
}a img {
border: none;
}:link img, :active img {
border: none;
}/* Structure
*/html {
margin-bottom: 0.1em;
background: #fff;
}body {
font-size: 62%; /* Sets the page font to 10px */
font-family: ‘Verdana’, Verdana, Arial, Sans-Serif;
text-align: center;
color: #444;
}.top {
background: #eee;
width: 100%;
padding: 10px 0;
border-bottom: 1px solid #ccc;
font-size: 1.1em;
}#wrapper {
width: 800px;
margin: 0 auto;
padding: 50px 0;
text-align: center;
font-size: 1.1em;
}#header {
padding: 1px;
border: 1px solid #fff;
}#main {
padding: 50px 0 0;
}#content {
float:left;
width: 800px;
padding: 1px 0 60px;
border: 1px solid #fff;
}#sidebar {
float: right;
width: 80px;
padding: 50px 0 20px;
border: 1px solid #fff;
}#footer {
padding: 60px 0;
*padding: 30px 0;
clear: both;
border-top: 1px solid #ccc;
border-bottom: 0;
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
}/* Header
*/#header h1 a {
}#header p.description {
font-size: 1.2em;
}ul.mainmenu {
display: block;
overflow: auto;
height: 1%;
padding: 20px 1px 1px 0;
border-bottom: 1px solid #ccc;
}.mainmenu li {
float: left;
position: relative;
}.mainmenu li a {
_width: 1%;
height: 40px;
display: block;
padding: 25px 15px 0 15px;
}.mainmenu li.home a {
padding-left: 0;
}.mainmenu li a:hover {
text-decoration: underline;
}/* Content
*/#content h2 a {
color: #444;
font-size: 0.8em;
text-transform:uppercase;
letter-spacing:.2em;}
#content p a, #content .metadata a {
color: #06c;
padding-bottom: 2px;
border-bottom: 1px solid #ddd;
}#content p a:hover, #content .metadata a:hover {
border-bottom: 1px solid #666;
}#content p a:visited, #content .metadata a:visited {
color: #444;
}#content p {
font: 1em/2em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
padding: 13px 0;
color: #444;
text-align: justify;
}#content .post h3 {
border-bottom: 1px solid #ccc;
font: 1.2em « Lucida Grande », sans-serif;
padding-top: 20px;
text-transform: uppercase;
}#content .entry {
padding-top: 10px;
width: 100%;
overflow: auto;
height: 1%;
}#content .metadata {
display: block;
padding: 10px 0 60px;
}/* Comments
*/.commentlist {
padding: 10px 0 30px 0;
color: #225566;
}.commentlist li {
background: url(images/dot.gif) bottom left repeat-x;
margin: 10px 0;
padding: 25px 0 10px 0;
list-style-type: none;
width: 100%;
overflow: auto;
height: 1%;}
.comment_number a {
font: 3.2em Georgia, serif;
float: right;
padding-right: 10px;
color: #225566;
}.comment_author {
font-size: 1.4em;}
h3#respond {
display: block;
padding-top: 15px;}
/* Sidebar
*/#sidebar ul li.side {
padding-bottom: 25px;
color: #225566;
}#sidebar div {
line-height: 1.7em;
color: #225566;
}#sidebar h2 {
display: block;
padding: 0 0 10px;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 107% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif;
color: #333344;
font-weight: bold;
line-height: 1.6em;
}#sidebar ul li a {
line-height: 1.9em;
color: #225566;
}#sidebar ul li ul li ul {
color: #225566;
padding-left: 60px;
}#sidebar ul li ul li ul li ul {
color: #225566;
padding-left: 60px;
}/* Footer
*/#footer p {
line-height: 2.2em;
text-align: center;
}/* Lists
*/#content ul, #content ol {
line-height: 2em;
padding: 15px 0 15px;
}#content ul li a, #content ol li a {
line-height: 2.5em;
}#content .post ol {
padding-left: 25px;
*padding-left: 30px;
}#content .post ul li {
padding-left: 20px;
background: url(images/bullet.gif) center left no-repeat;
}/* Headings
*/h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
color: #444;
font-weight: normal;
font-family: ‘Trebuchet MS’, Verdana, Sans-Serif;
}h1 {
font-size: 2.2em;
}h2 {
font-size: 2.0em;
}h3 {
font-size: 1.8em;
}h4 {
font-size: 1.6em;
}/* Images
*/#content img {
padding: 3px;
border: 1px solid #ccc;
max-width: 100%;
display: block;
margin: 0 auto;margin-bottom: 2em;
}
#content img.none {
border: 0;
max-width: 90%;
margin: 0 auto;
}#content img.wp-smiley {
border: 0;
padding: 0;
margin: 0;
display: inline;
}#content .dig img {
display: inline;
border: none;
margin: none;}
/* Forms
*/.searchform {
width: 250px;
float: right;
text-align: right;
}/* Page Specific
*/.last_20 li {
line-height: 2em;
}.archive_date {
width: 100px;
float: left;
}.pagetitle {
display: block;
padding: 0 0 60px;
}/* Extras
*/blockquote {
margin: 0;
padding: 0 0 0 25px;
background: url(images/quote.gif) top left no-repeat;
}html>body blockquote {
background-position: 0 0;
}.center {
text-align: center;
}hr {
display: none;
}25 septembre 2010 à 10 h 18 min #740347Dans l’onglet apparence > editeur, édites le fichier « page d’accueil » ou « loop.php » et tu enleves simplement le « Posted in » qui doit être écrits… Suffit juste de trouver le bon fichier mais au pire, y’en a pas 500 et avec ctrl + F de ton navigateur, t’en a pour 30 secondes…
Pour le css, suffit de mettre « text-align:right » dans « #content .metadata »
25 septembre 2010 à 11 h 19 min #740348merci!!! ca marche nickel, j’ai pu enlever les mots en trop. Par contre j’ai mis text-align:right; a plein d’endroits different de content.metadate. Ca ne marche nul part…
snif
25 septembre 2010 à 11 h 20 min #740349ou plutot pour simplifier, je le laisse au centre mais j’aimerais le rapprocher de la photo, il est trop loin. Comment laisser moins d »espace?
merci d’avance 🙂
25 septembre 2010 à 12 h 01 min #740350Il y a plein de façons – en css, tu peux tout régler…
Tu peux par exemple, dans :
#content img {
border:1px solid #CCCCCC;
display:block;
margin:0 auto 2em;
max-width:100%;
padding:3px;
},
supprimer le « 2em » du margin.
(PS : tu as vu, pour citer du code, utilise une autre fois la balise code -le C noir dans le menu, ça évite de scroller comme un fou vers le bas de ton message pour tout lire !)
25 septembre 2010 à 12 h 35 min #740351merci bcq de vos réponses, c’est super 🙂
Bon j’ai essaye d’intervenir sur cette partie du code dont tu parles :
#content img {
padding: 3px;
border: 1px solid #ccc;
max-width: 100%;
display: block;
margin: 0 auto 2em ;
margin-bottom: 2em;J’ai un peu tout essayé, en virant le 2em de magin, il ne se passe rien.
Par contre quand j’augmente le « 2em » de margin-bottom le comments s’éloigne mais je ne peux le rapprocher car en dessous de 2 cela ne bouge pas.En espérant avoir été clair 🙂
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.