Problemi con i div

jokerinos

Ho trovato la soluzione mo ti faccio vedere

jokerinos

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

marinski

Ottimo servirà anche ad altri

jokerinos

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 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

marinski

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 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.

jokerinos

Guarda ilportaledinapoli.com/sites/

Vedi come viene.

marinski

Ma non vedi che è gia un Blog pronto? Non toccare l'html è gia tutto preparato!

jokerinos

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

jokerinos

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

marinski

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.

jokerinos

Quindi tu dici che non e' un problema di css.

Cordiali saluti