- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problemi con i div
-
Non capisco perché il primo articolo sia diverso dagli altri...
Hai toccato qualcosa tu?
-
Ho trovato la soluzione mo ti faccio vedere
-
Allora ho cambiato il theme e sono riuscito a capire come fare quello che stavo cercando di fare ( scusa il giro di parole ).
Parte css :
#primapagina{
font-family:"Times New Roman", Times, serif;
font-size:14px;
text-align:left;
text-transform:uppercase;
}
#titolo{
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
text-align:left;
text-transform:uppercase;
}#primapaginaright{
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
text-align:right;
text-transform:uppercase;
}
.titoloright {
font-family:"Times New Roman", Times, serif;
font-size:18px;
text-transform:uppercase;
text-align:right;}
.testoarticolo{
font-family:"Arial , Helvetia , sans-serif";
font-size:14px;
font-style:normal;
font-weight:bold;
text-align:right;
}
.immaginearticolo1{
float: left;
margin: 0 5px 5px 0;
width: 125px;
}
.immaginearticolo2{
float: right;
margin: 0 5px 5px 0;
width: 125px;
}Parte HTML :
<div class="primapagina">
<div class="titolo">Le Ultime Notizie</div>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo1"'); ?></a><?php the_excerpt(''); ?>
</div><div class="primapaginaright">
<h2 class="titoloright"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<h2 class="testoarticolo"><a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo"'); ?></a><?php the_excerpt(''); ?></h2>
</div>Ecco il link per vedere l'immagine
bgdinformatica.it/esempio3.gif
-
Ottimo servirà anche ad altri
-
Ciao , falso allarme , mi sono accorto che non veniva come dicevo io ti ripubblico le stringhe di codice che interessano la parte che non va bene :
<div id="container">
<?php
if (have_posts()) : the_post();
$arc_year = get_the_time('Y');
$arc_month = get_the_time('m');
$arc_day = get_the_time('d');
?><div class="primapagina">
<div class="titolo">Le Ultime Notizie</div>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo"'); ?></a><h2 class="testoarticolo"><?php the_excerpt(''); ?></h2>
</div><div class="primapaginaright">
<h2 class="titoloright"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo"'); ?></a><h2 class="testoarticolo"><?php the_excerpt(''); ?></h2>
</div>
<?php endif; ?>PARTE CSS :
#navigation_right {
float: left;
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
border:thin;
}
h3{
font-style:normal;
font:small-caption;
font-family:"Times New Roman", Times, serif;
font-size:large;}
#novitadititolo{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
text-align:left;}
#riassuntohome
{
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
float:right;
text-align:justify;
position:relative;
left:10px;
right:10px;
}
#primapagina{
font-family:"Times New Roman", Times, serif;
font-size:14px;
text-align:left;
text-transform:uppercase;
}
.titolo{
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
text-align:left;
text-transform:uppercase;
}.primapaginaright{
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
text-align:right;
text-transform:uppercase;}
.titoloright {
font-family:"Times New Roman", Times, serif;
font-size:18px;
text-transform:uppercase;
text-align:right;}
.testoarticolo{
font-family:"Arial , Helvetia , sans-serif";
font-size:14px;
font-style:normal;
font-weight:bold;
text-align:justify;
width: 640px; height: 230px;
position:static;}
.immaginearticolo1{
float: left;
margin: 0 2px 2px 0;
width: 125px;
}
.immaginearticolo2{
float: right;
margin: 0 5px 5px 0;
width: 80px;
}IMMAGINE DI COME VIENE :
bgdinformatica.it/esempio4.jpg
ci puoi dare un occhiata e ne parliamo insieme , il problema e che non riesco a far venire allineati alla foto il testo dell'articolo sto vedendo le guide sui posizionamenti css ma non mi riesce mi dai tu qualche dritta.
Grazie
-
Prova così e vedi che ti esce...
HTML:
[HTML]
<div id="container">
<?php
if (have_posts()) : the_post();
$arc_year = get_the_time('Y');
$arc_month = get_the_time('m');
$arc_day = get_the_time('d');
?><div id="primapagina">
<div class="titoloprincipale">Le Ultime Notizie</div><br />
<div class="titolo"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div><br />
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo1"'); ?></a><div class="testoarticolo"><?php the_excerpt(''); ?></div><div class="titoloright"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo2"'); ?></a><div class="testoarticoloright"><?php the_excerpt(''); ?></div></div>
<?php endif; ?>
[/HTML]...e CSS:
#navigation_right { float: right; padding: 20px 0 10px 0; margin-right: 15px; width: 190px; border:thin; } h3 { font-style:normal; font:small-caption; font-family:"Times New Roman", Times, serif; font-size:large; } #novitadititolo { font-family:Arial, Helvetica, sans-serif; font-size:18px; float:left; text-align:left; } #riassuntohome { font-family:"Arial, Helvetica, sans-serif"; font-size:14px; float:right; text-align:justify; position:relative; left:10px; right:10px; } #primapagina { float: left; padding:5px; } .titoloprincipale { font-family:"Arial, Helvetica, sans-serif"; font-size:18px; text-align:left; text-transform:uppercase; padding:4px; text-weight:bold; } .titolo { font-family:"Arial, Helvetica, sans-serif"; font-size:18px; text-align:left; text-transform:uppercase; padding:4px; } .titoloright { font-family:"Times New Roman", Times, serif; font-size:18px; text-transform:uppercase; text-align:right; padding:4px; } .testoarticolo { font-family:"Arial , Helvetia , sans-serif"; font-size:14px; font-style:normal; text-align:left; width: 640px; float: left; margin-left:145px; } .testoarticoloright { font-family:"Arial , Helvetia , sans-serif"; font-size:14px; font-style:normal; text-align:right; float: right; margin-right:145px; } .immaginearticolo1 { float: left; margin: 0 5px 5px 0; width: 125px; } .immaginearticolo2 { float: right; margin: 0 5px 5px 0; width: 125px; }
...e per favore scrivimi l'url senza WWW così comprendo meglio!
Ciao.
-
Guarda ilportaledinapoli.com/sites/
Vedi come viene.
-
Ma non vedi che è gia un Blog pronto? Non toccare l'html è gia tutto preparato!
-
Scusa e' tu dici e' un blog pronto ma secondo le loro esigenze.
Gli articoli in basso i colori sono tutta opera mia , mi sono solo bloccato con quegli articoli che non riesco a incolonnare. quei due articoli
-
Ho bisogno di inserire gli articoli di una determinata categoria in quel box in alto e il vero template non prevede tale funzione per questo ho dovuto modificare.
Grazie
-
Se vuoi che gli articoli finiscano automaticamente lì hai bisogno di modificare una parte del php.
Ti consiglio di riproporre la domanda nella sezione CMS o Php.
-
Quindi tu dici che non e' un problema di css.
Cordiali saluti