problema con pulsante submit.

**noncecapisco** · 04-10-2023, 18.42.34

buona sera...ho un problema...(uno solo pero'....ah ah). se ad una textarea metto la position:fixed; il pulsante submit mi sparisce a sinistra dello schermo

..se invece tolgo il fixed torna al suo posto vicino la textarea..
chi mi aiuta? grazie

**GraphOGLRisorse** · 04-10-2023, 19.43.06

Salve,
prima dovrebbe dare una sistemata al codice.

Ad esempio, il CSS nel div non ha senso così messo, ovvero, che inizia con <div e termina con </style>.

Codice HTML:

<div
 style="position: absolute; height: 211px; top: -60px; left: -18px;">
<ul id="menu">
  <br>
  <br>
  <div>
  <br>
  <br>
<div
style="right:50px;width:100px;height:50px;position:fixed;overflow:auto;"</style>
</div>
<div

Il CSS inline, o lo si mette come codice tra il tag <style> e il tag </style>, oppure, se applicato direttamente ad un elemnto come un div, va messo così <div stile=" "> </div>.

Inoltre, è preferibile non mandare a capo il div di apertura spezzandolo.

Codice HTML:

<div 
  stile=" "> </div>.

Non ha poi neanche senso farlo. Lo stile CSS applicato direttamente in un elemnto, è sempre bene lasciarlo su una sola riga, anche per evitare di fare confusione con gli altri elementi della struttura della pagina.

Cordiali saluti.

**noncecapisco** · 05-10-2023, 04.16.21

buon giorno.grazie per la risposta, ho cercato di seguire le sue indicazioni per sistemare quello che mi ha scritto. cordiali saluti.

**GraphOGLRisorse** · 05-10-2023, 14.41.28

La questione di non mandare a capo il div di apertura spezzandolo, andrebbe applicata anche agli altri elementi della struttra della pagina (non vorrei elencarli tuti qui

).

Anche il body messo così, può creare confusione

Codice HTML:

<body
 style="background-color: rgb(51, 51, 255); color: rgb(0, 0, 0);"
 alink="#ee0000" link="#0000ee" vlink="#551a8b">

In generale, i tag di un elemento (<elemento > e </elemento >) non si dovrebbero spezzare. A capo si manda solo il rispettivo tag di chiusura </elemento>

Codice HTML:

<elemento style="">

</elemento >

Ho usato il tag "elemento" che no esiste solo per fare un esempio molto generico.

In un'altra discussione mi sembra di ricoedare che menzionava l'uso di un vecchio programma per la creazione di pagine web.

Dunque lo spezzamento degli elementi è per caso opera del programma?

In ongi caso, se col programma genera un codice che poi va in buona parte rimaneggiato, forse farebbe prima a crearsi tutta la pagina manualmente.

Ad ogni modo, se vuole anche impare qualcosa di più su HTML ed affini oltre al fatto di crearsi la pagina, nessun problema, si procede un passo alla volta.

Altrienti, può prendere in considerazione anche di usare un layout generico di tipo responsive. Con questo layout (non è particolarmente complesso), può personalizzarsi senza troppa fatica qualsiasi pagina.

Un consiglio, per fare le prove, non usi la pagina attuale del sito , ma ne salvi una copia a parte (sempre nel suo dimnio e se vuole anche in locale). Così non renderà eventuialemnte compromenssa la pagina del sito. Solo quando avrà poi ottenuto il risultato finale voluto, allora la sossituirà (tanto se le seve, può sempre riporarne qui il link).

Cordiali saluti.

**noncecapisco** · 05-10-2023, 17.01.05

il sito responsive per telefonino non lo sto facendo, adesso sto facendo quello da pc...e sembra funzionare perfettamente a parte il problema del pulsante submit. per quanto riguarda tutto il discorso dei tag che mi ha detto li ho sistemati tutti, ma il problema del pulsante della textarea, se metto position:fixed rimane. bo e' strano perche' con tutti gli elementi ho fatto cosi e nessuno mi ha dato problemi, la textarea si fissa allo scroll ma il pulsante sparisce. boo bona sera

**GraphOGLRisorse** · 05-10-2023, 18.19.27

in riferimento all'aspetto grafico, l'ottica attuale, è quella di creare un'unica pagina che si auto adatta alle varie risuluzioni video e non come era in passato, più versioni separate.

Comnuque sia, se le va bene di fare in questo modo, non sarò io ad imporle di fare diversamente.

Riguardo al problema di base, oggetto di questa discussione, ecco il bolocco sistemato (nel senso che funziona, almeno se non ho frainteso qualcosa).

Codice HTML:

<div style="margin-left:970px; margin-top:81px; position:fixed;">
<form action="/upload/annunci.php" enctype="multipart/form-data" method="post">
<textarea placeholder="inserisci annuncio" ;="" name="testo" style=" width:290px;height:90px;resize:none;color:#000000;border-color:#999999;border-style:dotted;padding padding:7px;border-color:#666666;"></textarea>
<input name="submit" value="pubblica" type="submit">
</form>

<div style="width: 272px; height: 278px; margin-top:29px;overflow-y: scroll; color:#666666;border-color: #999999;border-style:dotted;padding:7px;background-color:white;">
cerco casa in affitto zona via del corso roma, affitto massimo 50 euro al mese. astenersi agenzie.<br>
<br>
<br>
<br>
<br>
</div>
</div>

<div style="margin-top:81px; position:fixed;" <big=""><span style="color: rgb(255, 255, 255);"><big><big><big><big></big></big></big></big></span>
<br>
<span style="color: rgb(255, 255, 255);"><big>*le
foto non pertinenti verranno * <br>  * ** ** * rimosse e segnalate</big></span><big>
<br>
<form action="/upload.php" method="post" enctype="multipart/form-data"><big><big>
* <input name="testo" id="text" placeholder="nomi e citta'" style="width: 217px;" required="" type="text"><br>
* <input name="file" id="file" required="" type="file">
<br>
* <input id="invia" value=" pubblica" type="submit">
</big></big></form></big></div><big><big><big>

Ho volutamente modificato solo il minimo indispensabile per evitare di confonderla sul rimpiazzo del blocco. Pero ci sarebbe a livello strutturale ancora un po' da sistemare, ma ne riparlemremo eventualmete alla fine, quando avrà risolto le varie problamentiche delle altre discussioni.

Cordiali saluti.

**noncecapisco** · 05-10-2023, 18.32.06

ora provo tutto....io non so come ringraziarla di tutto questo..non ho parole....su questo forum ho trovato alcune persone che invece di aiutarmi a trovare una soluzione, volevano prima che imparassi tutta la bibbia dell'informatica..io a scanso di equivoci l'ho chiarito subito con il mio nome "non ce capisco". sto cercando di imparare ..e onestamente con il suo comportamento (mi riferisco a lei) e' il miglior modo per imparare una persona come me. ovviamente bisogna essere una persone di cuore ,e lei lo e'. ora provo tutto e grazie ancora..
a dimenticavo... sul sito ho tolto tutto quello che non serviva , ho in tutto 71 righe compreso il codice php..ah ah..grazie signore.

**noncecapisco** · 05-10-2023, 19.19.59

fantasticooooooooooooooooooo grazie..... mi sono permesso di mettere il pulsante submit sotto la textarea perche' lo desideravo. grazie veramente. soltanto una cosa... ho dovuto mettere...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> invece di <!DOCTYPE html> altrimenti il sito era tutto storto con tutto spostato e con le foto enormi . grazie e buona cena.

**GraphOGLRisorse** · 05-10-2023, 19.30.56

Originalmente inviato da noncecapisco

ora provo tutto....io non so come ringraziarla di tutto questo..non ho parole....su questo forum ho trovato alcune persone che invece di aiutarmi a trovare una soluzione, volevano prima che imparassi tutta la bibbia dell'informatica..io a scanso di equivoci l'ho chiarito subito con il mio nome "non ce capisco". sto cercando di imparare ..e onestamente con il suo comportamento (mi riferisco a lei) e' il miglior modo per imparare una persona come me. ovviamente bisogna essere una persone di cuore ,e lei lo e'. ora provo tutto e grazie ancora..
a dimenticavo... sul sito ho tolto tutto quello che non serviva , ho in tutto 71 righe compreso il codice php..ah ah..grazie signore.

Grazie per i complimenti!

Ora dovrebbe aver notato anche lei che la struttura come codice è visibilmente migliorata rispetto a prima.

Ci sono due ultime imprecisioni ancora (almeno che ho notato).

ci sono delle ripetizioni in più per head e body:

Codice HTML:

<head>
  <meta charset="utf-8">
  <meta name="generator" content="AlterVista - Editor HTML"/>
  <title></title>
</head>
<body>
</head>

Che va corretto così:

Codice HTML:

<head>
  <meta charset="utf-8">
  <meta name="generator" content="AlterVista - Editor HTML"/>
  <title></title>
</head>

Poi c'è uno strano mezzo tag big (<big="") inserito nel tag di apertura questo div:

Codice HTML:

<div style="margin-top:81px; position:fixed;" <big="">

Per il resto mi sembra che vada bene.

Edit.

Originalmente inviato da noncecapisco

fantasticooooooooooooooooooo grazie..... mi sono permesso di mettere il pulsante submit sotto la textarea perche' lo desideravo. grazie veramente. soltanto una cosa... ho dovuto mettere...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> invece di <!DOCTYPE html> altrimenti il sito era tutto storto con tutto spostato e con le foto enormi . grazie e buona cena.

Il problema è legato al fatto che nel CSS applicato alle immagini per le dimensioni non è incluso px dopo i rispettivi valori. Quindi senza il px (che sta per pixel) o l'uso di altre metriche, i browser ignorano semplicemnte i valori.

Va messo così:

Codice HTML:

<img src="index_files/186705-.jpg" style="width:500px; height:440px;" alt="186705-.jpg">

Se vuole, può provare anche ad impostare l'altezza delle immagini con valore auto. Così manterrano le reali proporzioni in funzione della larghezza.

Codice HTML:

<img src="index_files/186705-.jpg" style="width:500px; height:auto;" alt="186705-.jpg">

In alternativa, può anche usare per la larghezza il valore percentuale. In questo modo la largehzza delle immagini si adattera in funzione degli schermi.

Codice HTML:

<img src="index_files/186705-.jpg" style="width:65%; height:auto;" alt="186705-.jpg">

Con HTML 5 utf8 si imposta così:

Codice HTML:

<meta charset="UTF-8">

Aggiungo un ultima cosa, per evitare penalizzazioni da Google, aggiunga anche questo meta tag nel tag <head> </head>.

Codice HTML:

<meta name="viewport" content="width=device-width, initial-scale=1">

Non dovrebbe esserci altro per il momento.

Cordiali saluti.

**noncecapisco** · 05-10-2023, 20.49.49

ho sistemato tutto come ha detto lei...penso che meno di cosi' ho la pagina originale di altervista..ah ah..

non ho capito <img src="index_files/186705-.jpg" style="width:500px; height:440px;" alt="186705-.jpg">

le foto vengono caricate con l'upload..come faccio a fare questa cosa? la devo fare ogni volta che un utente spero mi carichera' una foto? noooo allora lascio <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ah ah..

signore io non la conosco ma una persona come lei deve avere sicuramente un nome da "santo". mi ci scommetto un dito.
grazie

**noncecapisco** · 06-10-2023, 10.15.41

buon giorno..scusi se la disturbo ma all'improvviso mi e' apparso un problema strano...a presente la textarea dove

vengono digitati i messaggi per poi essere pubblicati nel div sottostante? il problema e' questo: nella textarea il

testo a fine riga va a capo e compare lo scroll verticale, invece quando lo pubblico nel div sottostante mi fa una

riga tutta dritta e non va a capo,e delle volte non trascrive tutto il testo scritto nella textarea. ho provato ad

impostare overflow-x:hidden; ma mi toglie anche quello verticale. boo.

le allego il file.php del form textarea e il codice per farlo visualizzare nel div. quando a tempo puo vedere dove

ho sbagliato? grazie e scusi il disturbo.

codice form textarea :

<?php
$filename = "annunci.txt";
$handle = fopen($filename, "a");
fwrite ($handle,$_POST['testo']);
fwrite($handle, "\r\n");
header('Location: http://noncecapisco.altervista.org/upload/index.php');
?>

codice per visualizzarlo nel div:

<div style="width: 275px; height: 268px; margin-top:10px;overflow-y: scroll;
overflow-x:hidden;color:#666666;border-color: #999999;border-style:dotted;padding:5px; background-color:white;">

<?php
$file = file_get_contents("./annunci.txt");
echo nl2br($file);
?>
</div>

**GraphOGLRisorse** · 06-10-2023, 14.22.19

Originalmente inviato da noncecapisco

ho sistemato tutto come ha detto lei...penso che meno di cosi' ho la pagina originale di altervista..ah ah..

non ho capito <img src="index_files/186705-.jpg" style="width:500px; height:440px;" alt="186705-.jpg">

le foto vengono caricate con l'upload..come faccio a fare questa cosa? la devo fare ogni volta che un utente spero mi carichera' una foto? noooo allora lascio <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ah ah..

Certamente no, basta apportare le modifiche nel cidice php che genera e stampa il tag immagine per la visualizzazione delle varie immagini.

Come già affermato da alemoppo, dal browser non è possible visualizzare il codice PHP che è lato server, ma solo il risepettivo ouput generato. Quindi io go semplicemnte fatto riferimento come esempio con il ta img preso dalla sua pagina, cosa che potevo fare anche senza farvi riferimento. il risultato non cambia.

Cercando nelle altre sue discussioni ho reperito il pezzo di condice php (sempre se non lo ha modificato nel frattempo).

Codice PHP:


 <?php

foreach(glob('./*.{jpg,jpeg,png,gif, JPG }', GLOB_BRACE) as $filename) {
$nomefile = pathinfo($filename);
$file = file_get_contents("./annunci.txt");
echo '<a href="'.$filename.'".$file><img src="'.$filename.'"style="width:500; height:440; margin-left:380px; margin-right:80px; margin-top:-310px; padding-right:35px; padding-left:35px; margin-bottom:395px;<br>" alt="'.$nomefile[basename].'" > </a>';
}
?>

Deve semplicemnte aggiungere qui il px dopo i valori(senza spazi) di width e height e neient'altro.

Visto che le immagini non avranno sempre le proprozioni pari a width:500px; height:440px;, al fine di visualizzarle con le reali proporzioni, sarebbe preferible metterle così width:500px; height:auto;. In tal modo, veranno visualizzate con larghezza fissa a 500px ma l'altezza sarà adatta in automatico per ogni immmagine in base al rispettivo valore dell'altezza.

Attenzione che in quel blocco c'è un errore di sintassi.

Codice:

margin-bottom:395px;<br>" alt="'.$nomefile[basename].'" > </a>';

quel <br> non può stare dentro il tag come se fosse un attributo.

Inolre, manca il > nel tag di apertura del div che include il bocco di codice PHP che contiene le immagini ed ed altri elementi.

Così è come appare il codice HTML genrato (notare il <div senza >):

Codice:

<div
<a href="./12074781-.jpg"><img src="./12074781-.jpg"style="width:500; height:440; margin-left:380px; margin-right:80px; margin-top:63px; padding-right:35px; padding-left:35px; margin-bottom:25px;<br>alt="12074781-.jpg" > <textarea  name="testo" style=" width:70px;height:50px;resize:none;"></textarea><br></a><a href="./37577450-.jpg"><img src="./37577450-.jpg"style="width:500; height:440; margin-left:380px; margin-right:80px; margin-top:63px; padding-right:35px; padding-left:35px; margin-bottom:25px;<br>alt="37577450-.jpg" > <textarea  name="testo" style=" width:70px;height:50px;resize:none;"></textarea><br></a><a href="./72006725-.jpg"><img src="./72006725-.jpg"style="width:500; height:440; margin-left:380px; margin-right:80px; margin-top:63px; padding-right:35px; padding-left:35px; margin-bottom:25px;<br>alt="72006725-.jpg" > <textarea  name="testo" style=" width:70px;height:50px;resize:none;"></textarea><br></a><a href="./94784027-.jpg"><img src="./94784027-.jpg"style="width:500; height:440; margin-left:380px; margin-right:80px; margin-top:63px; padding-right:35px; padding-left:35px; margin-bottom:25px;<br>alt="94784027-.jpg" > <textarea  name="testo" style=" width:70px;height:50px;resize:none;"></textarea><br></a>
</div>

Originalmente inviato da noncecapisco

buon giorno..scusi se la disturbo ma all'improvviso mi e' apparso un problema strano...a presente la textarea dove

vengono digitati i messaggi per poi essere pubblicati nel div sottostante? il problema e' questo: nella textarea il

testo a fine riga va a capo e compare lo scroll verticale, invece quando lo pubblico nel div sottostante mi fa una

riga tutta dritta e non va a capo,e delle volte non trascrive tutto il testo scritto nella textarea. ho provato ad

impostare overflow-x:hidden; ma mi toglie anche quello verticale. boo.

le allego il file.php del form textarea e il codice per farlo visualizzare nel div. quando a tempo puo vedere dove

ho sbagliato? grazie e scusi il disturbo.

Qui non centra il codice PHP, questo è un comportamento legato a HTML.

Il problema è che il riquadro dell'ouput del testo non è una textarea ma un div. Rimpiazzando il div con una textarea, il testo visualizzato andrà a capo.

Cordiali saluti.

**noncecapisco** · 06-10-2023, 18.05.13

grazie mille... ci avevo pensato anche io alla textarea ma con lei ho avuto la conferma..ok sistemo tutto.buona serata e grazie ancora.

**noncecapisco** · 06-10-2023, 18.35.08

sistemato tutto...funziona tutto alla perfezione, grazie e buona serata.

Discussione: problema con pulsante submit.

LinkBack

Strumenti discussione

Display

problema con pulsante submit.

Regole di scrittura