posizionamento pazzo

vitographic · 2 Ott 2013

Ho posizionato sul sito un pulsante immagine che aggiorna la variabile quando premi, ho posizionato al disotto un textfield contenente testo + il valore della variabile; inizialmente visualizzava alche se non allineato a sx dell'mmagine, ora dietro suggerimento ho applicato un css ed il testo + la variabile sono spariti eppure non sono un mago. Per caso sapete dirmi dov'è il problema?
Di seguito il codice

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>
<?php
    chmod ( "public/provalo.txt" ,  755); 
    if (isset($_POST['textfield'])) { 
        $a = $_POST['textfield']; 
	$b = "visite";
	$a++;
        $f = fopen('public/provalo.txt', 'w'); 
        fwrite($f, $a);  
	header("location:vitond.htm");
        fclose($f); 
    } 
    $contenuto = ""; 
    if (filesize('public/provalo.txt') > 0) { 
        $fr = fopen('public/provalo.txt', 'rd'); 
        $contenuto = fread($fr, filesize('public/provalo.txt')); 
        fclose($fr); 
    } 
    ?>  
<style type="text/css"> 
    <body> { 
    background-color: #CCCCCC; 
} 
.casella{ 
    border:0;/*senza bordo*/ 
    background-color:transparent;/*sfondo trasparente*/ 
    padding-left: 0px;
    text-align: left;/*testo allineato a dx*/ 
    color:#FF0000;/*colore del testo*/ 
} 

</style> 
        <form action="" method='post' target='_parent'>  
            <input  type="image" src="cornice pulsante.png" width="150" height="80"/>  
            <p>  
                <input size="30" name="textfield" type="text" value='<?php echo $b . '        ' . $contenuto?>'readonly class="casella" />
            </p>
        </form>  
</body>
</html>

il risultato che vorrei è una cosa di questo tipo da posizionare in diverse celle di una tabella in dreamweaver, ovviamente ogni cella conterrà immagini e testo differenti

grazie in anticipo per qualsiasi suggerimento

criric · 7 Ott 2013

Ciao, qui c'è un errore

Codice:

<body> { 
    background-color: #CCCCCC; 
}

si scrive cosi

Codice:

body { 
    background-color: #CCCCCC; 
}

in più non apri il <body>

vitographic · 8 Ott 2013

ho corretto e ho aperto il body ma

continua a non lineare a sinistra e lo sfondo e grigio e non trasparente mi sai dire perché

criric ha scritto:
Ciao, qui c'è un errore

Codice:

<body> { background-color: #CCCCCC; }

si scrive cosi

Codice:

body { background-color: #CCCCCC; }

in più non apri il <body>

criric · 8 Ott 2013

lo sfondo è grigio perchè questa istruzione lo rende grigio

Codice:

body { 
    background-color: #CCCCCC; 
}

se lo vuoi trasparente devi toglierla completamente
non capisco molto cosa intendi per lineare ma se quello che vuoi fare è allineare l'immagine con l'input devi mettere entrambi nel tag <p> e non uno dentro e uno fuori

vitographic · 8 Ott 2013

fatto ma

continua a non allineare

è questo che intendevi?

<body>
<form action="" method='post' target='_parent'>

<p align="left">
<input type="image" src="cornice pulsante.png" width="150" height="80"/>
<input size="30" name="textfield" type="text" value='<?php echo $b . '' . $contenuto?>'readonly class="casella" />
</p>
</form>
</body>

criric · 8 Ott 2013

Si esattamente
lasciando da parte il php e il codice css che non serve

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Documento senza titolo</title>
    </head>
    <body>
        <form action="" method='post' target='_parent'>  
            <p> 
                <input  type="image" src="cornice pulsante.png" width="150" height="80"/>  
                <input size="30" name="textfield" type="text" value='visite' class="casella" />
            </p>
        </form>  
    </body>
</html>

a me si allineano

vitographic · 8 Ott 2013

scusa ma

forse non mi sono spiegato bene, il campo di testo si allinea a sin ma il testo al suo interno no se ne va a destra e ancora il codice che hai scritto non contiene php e value è uguale a visite mi spieghi gentilmente

criric · 8 Ott 2013

rimettendo i bordi nel css noterai che il testo è allineato a sinistra

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Documento senza titolo</title>
    </head>
    <?php
    $b = "visite";
    chmod("provalo.txt", 755);
    if (isset($_POST['textfield'])) {
        $a = $_POST['textfield'];
        $b = "visite";
        $a++;
        $f = fopen('provalo.txt', 'w');
        fwrite($f, $a);
        header("location:vitond.htm");
        fclose($f);
    }
    $contenuto = "";
    if (filesize('provalo.txt') > 0) {
        $fr = fopen('provalo.txt', 'rd');
        $contenuto = fread($fr, filesize('provalo.txt'));
        fclose($fr);
    }
    ?>  
    <style type="text/css"> 

        .casella{ 

            background-color:transparent;/*sfondo trasparente*/ 
            padding-left: 0px;
            text-align: left;/*testo allineato a dx*/ 
            color:#FF0000;/*colore del testo*/ 
        } 

    </style> 
    <form action="" method='post' target='_parent'>    
        <input  type="image" src="cornice pulsante.png" width="150" height="80"/>  
        <p>
            <input size="30" name="textfield" type="text" value='<?php echo $b . ' ' . $contenuto ?>' readonly class="casella" />
        </p>
    </form>  
</body>
</html>

avevo tolto il php per concentrarci sull html cmq non ti seguo

Cerca

Cerca

posizionamento pazzo

vitographic

Utente Attivo

criric

Super Moderatore

vitographic

Utente Attivo

criric

Super Moderatore

vitographic

Utente Attivo

criric

Super Moderatore

vitographic

Utente Attivo

criric

Super Moderatore

Discussioni simili