testo sopra immagini

[remixe]

Ciao a tutti,
una domanda: ho del codice che richiama delle immagini (pulsanti) e dei links
di testo.
Ora tutto funziona correttamente (cioè vengono richiamate bene sia le immagini che i links di testo)
soltanto che i links invece di apparire sopra l'immagine mi compaiono a fianco.
Mi aiutate a risolvere questa cosa?
Vi posto di seguito il codice in questione, GRAZIE:

function tep_show_category($counter) {

// BoF - Contribution Category Box Enhancement 1.1
global $tree, $categories_string, $cPath_array, $cat_name;

for ($i=0; $i<$tree[$counter]['level']; $i++) {
$categories_string .= "";
}
$cPath_new = 'cPath=' . $tree[$counter]['path'];
$categories_string .= '<a href="';
$categories_string .= tep_href_link(FILENAME_DEFAULT, $cPath_new) . '">';

if (tep_has_category_subcategories($counter)) {
$categories_string .= tep_image(DIR_WS_IMAGES . 'bottone.jpg', '');
}
else {
$categories_string .= tep_image(DIR_WS_IMAGES . 'bottone.jpg', '');
}

if (isset($cPath_array) && in_array($counter, $cPath_array)) {
$categories_string .= '';
}

if ($cat_name == $tree[$counter]['name']) {
$categories_string .= '<span class="errorText">';
}

// display category name
$categories_string .= $tree[$counter]['name'];

if ($cat_name == $tree[$counter]['name']) {
$categories_string .= '</span>';
}

if (isset($cPath_array) && in_array($counter, $cPath_array)) {
$categories_string .= '';
}

[remixe]

nessuno che può aiutarmi?

[remixe]

HELP ME PLEASE!

[Alepap]

Ciao remixe, se ho capito bene il tuo è un problema non di php ma di html e css.
Per fare in modo che un testo vada sopra ad una immagine, visto che usi il php per invocare entrambe le cose, dovresti dare loro due id diversi (parlo di html ovviamente ) e poi settare degli zindex differenti in modo da non far accostare i div (che sarebbero i contenitori in xml dei vari elementi html), ma da farli sovrappore uno sull'altro.
Il problema è che devi parametrizzare bene il codice php in modo da poterlo fondere con l'html.

Dimmi se ho capito bene il problema, che ti spiego nei dettagli il lavoro da fare

[remixe]

ciao Alepap
si, hai compreso bene dovrei realizzare proprio ciò che hai detto tu
cioè sostanzialmente il mio pulsante come sfondo sostanzoalmente e il link di testo sopra
perfettamente allineati su di esso.
In genere so usare abbastanza bene xtml e css soltanto che come vedi quì il codice PHP è abbastanza complesso sto incontrando non poche difficoltà.
Ti va di darmi una mano?

GRAZIE

[Alepap]

Ti aiuto volentieri, ma premetto che non capisco bene il tuo codice php... è un pochetto confusionale.

Ti dico la logica di base del consiglio che ti do: hai le due variabili caricate magari dal DB che sono una $img e l'altra $testo. Dato che non possiamo inviare la variabile $img al CSS, sfrutteremo localmente gli elementi dell CSS nel codice php.
Certo così si sporca il codice html ma temo sia uno dei pochi modi per farlo senza incasinare troppe cose.
Allora ripeto, ammesso che $img sia la variabile che contenga il path dell'immagine e $testo la variabile che contiene il testo (entrambi caricati da DB), puoi usare questa forma qui:

<?php 

$img= "Immagine.JPG"; 
$testo = "Testo"; 
$n = "50px"; 
$m = "100px";  

echo '<div id="bottone" style=" background-image:url('.$img.'); height:'.$n.'; width:'.$m.'; text-align:center">'.$testo.'</div>';  

?>

Che si traduce in html come

<div id="bottone" style=" background-image:url(Immagine.JPG); height:50px; width:100px; text-align:center">Testo</div>

Ovviamente variabili come $n ed $m le ho messe io sul momento per farti capire che devi definire le dimensioni dell'immagine (sperando che siano dimensioni identiche per tutte le immagini che andarai a caricare dinamicamente dal DB.
Così parametrizzato qualsiasi testo e qualsiasi immagine che tirerai fuori dal DB si andranno a sostituire correttamente nel codice.