Perché compare un trattino blu tra le immagini in questa piccola pagina statica?

**giannino1995** · 19-05-2014, 20:07

Perché compare un trattino blu tra le immagini in questa piccola pagina statica? Come si elimina?

Vorrei che le immagini qualora fossero più numerose riempissero tutto lo schermo.

Vorrei anche che il numero delle colonne fosse proporzionale alla larghezza dello schermo.

Funziona tutto ma c'è questo trattino blu fastidioso che non si capisce da dove salti fuori!

codice HTML:

<!DOCTYPE html>
<html lang="it">
    <head>
        <meta charset="utf-8">
        <title>Gestione del contenuto</title>
        <link rel="stylesheet" href="http://localhost/uiop_librerie/github/responsiveslides.css">
        <script src="http://localhost/uiop_librerie/github/jquery-2.1.1.min.js"></script>
        <script src="http://localhost/uiop_librerie/github/responsiveslides.min.js"></script>
        <script>
            $(function() {
                $(".rslides").responsiveSlides();
            });
        </script>
        <style type="text/css">
            a:link    {color: blue;}
            a:visited {color: blue;}
            a:hover   {color: #6699ff;}
        </style>
    </head>
    <body>
        <div style="text-align:center;">
            <h4>Gestione del contenuto</h4>
            <p><a href="?add">Aggiungi un nuovo contenuto</a></p>
            <form action="" method="get">
                                                            <a style="margin:0px; padding:0px;" href="?azienda=9">
                            <img border="0" style="margin:0px; padding:0px; width: 200px; max-width: 100%;" src="http://localhost/cartellas/1400506679IMG_0324.JPG" alt="1400506679IMG_0324.JPG">
                        </a>
                                            <a style="margin:0px; padding:0px;" href="?azienda=10">
                            <img border="0" style="margin:0px; padding:0px; width: 200px; max-width: 100%;" src="http://localhost/cartellas/1400509536IMG_0354.JPG" alt="1400509536IMG_0354.JPG">
                        </a>
                                                </form>
            <p><a href="..">Ritorna alla home page</a></p>
            <form action="" method="post">
  <div>
    <input type="hidden" name="action" value="logout">
    <input type="hidden" name="goto" value="/uiop_admin/">
    <input type="submit" value="Logout">
  </div>
</form>
            <p style=""></p>
        </div>
    </body>
</html>

**AlexDev** · 19-05-2014, 21:03

guarda il css, devi inserire in a:link l'attributo text-decoration: none perché di default i link sono sottolineati..
comunque se posso permettermi ti do 2 consigli:
1)nel form action bisognerebbe mettere qualcosa.. se punta alla pagina stessa devi mettere: action="<?php echo $_SERVER['PHP_SELF']; ?>" se no metti: action="pagina.php"
2)ti conviene mettere i percorsi relativi per quanto riguarda le immagini(e qualsiasi altro link), a meno che questi non siano di siti esterni al tuo.

**tampertools** · 19-05-2014, 21:07

metti gli a e i tag img sulla stessa linea:

codice:

<a style="margin:0px; padding:0px;" href="?azienda=9"><img border="0" style="margin:0px; padding:0px; width: 200px; max-width: 100%;" src="http://localhost/cartellas/1400506679IMG_0324.JPG" alt="1400506679IMG_0324.JPG"></a>
<a style="margin:0px; padding:0px;" href="?azienda=10"><img border="0" style="margin:0px; padding:0px; width: 200px; max-width: 100%;" src="http://localhost/cartellas/1400509536IMG_0354.JPG" alt="1400509536IMG_0354.JPG"></a>

Succede percé si infila qualche carattere speciale negli "a-capo"

**KillerWorm** · 19-05-2014, 21:13

Di default il testo dentro il tag <a> viene reso di colore blu e sottolineato.
Tu hai inserito un tag <img> dentro un tag <a> ma nel tuo script hai lasciato degli spazi attorno al tag <img>. Questi sono considerati come testo. Più spazi consecutivi, in html, vengono normalmente compressi in un unico spazio, ottenendo quindi un carattere "spazio" cliccabile con una sottolineatura blu. Da qui il trattino blu.

Puoi risolvere semplicemente eliminando qualsiasi spazio all'interno dei tag <a>.

EDIT: chiedo scusa, non ho visto le risposte già date.

**giannino1995** · 19-05-2014, 23:29

Originariamente inviata da AlexDev

guarda il css, devi inserire in a:link l'attributo text-decoration: none perché di default i link sono sottolineati..
comunque se posso permettermi ti do 2 consigli:
1)nel form action bisognerebbe mettere qualcosa.. se punta alla pagina stessa devi mettere: action="<?php echo $_SERVER['PHP_SELF']; ?>" se no metti: action="pagina.php"
2)ti conviene mettere i percorsi relativi per quanto riguarda le immagini(e qualsiasi altro link), a meno che questi non siano di siti esterni al tuo.

Grazie per tutte le info!

**giannino1995** · 19-05-2014, 23:30

Originariamente inviata da tampertools

metti gli a e i tag img sulla stessa linea:

codice:

<a style="margin:0px; padding:0px;" href="?azienda=9"><img border="0" style="margin:0px; padding:0px; width: 200px; max-width: 100%;" src="http://localhost/cartellas/1400506679IMG_0324.JPG" alt="1400506679IMG_0324.JPG"></a>
<a style="margin:0px; padding:0px;" href="?azienda=10"><img border="0" style="margin:0px; padding:0px; width: 200px; max-width: 100%;" src="http://localhost/cartellas/1400509536IMG_0354.JPG" alt="1400509536IMG_0354.JPG"></a>

Succede percé si infila qualche carattere speciale negli "a-capo"

Si hai ragione c'erano degli spazi di troppo!

Mille grazie

**giannino1995** · 19-05-2014, 23:31

Originariamente inviata da KillerWorm

EDIT: chiedo scusa, non ho visto le risposte già date.

Vietato scusarsi quando si scrivono cose sensate e utili!

Grazie anche a te.

**AlexDev** · 20-05-2014, 16:53

non c'è di che, è sempre bello aiutare qualcuno che vuole imparare(come ero e sono tutt'ora io ^^)
PS: la prossima volta non fare triple post, metti tutto in uno unico

**giannino1995** · 20-05-2014, 21:45

Lo script è strutturato così:
C’è una sola pagina per tutto il sito, la index.php e in base ai pulsanti che vengono premuti si includono determinati file php che stanno nella stessa cartella della index. In questo caso è sbagliato non mettere nulla tra le virgolette dell’action? Nel libro da cui ho preso lo script non viene messo nulla e sono indeciso se aggiungere:

index.php

oppure

<?php echo $_SERVER['PHP_SELF']; ?>

oppure lasciare tutto com'è...

**AlexDev** · 20-05-2014, 22:32

se fai <?php echo $_SERVER['PHP_SELF']; ?> dovrebbe comunque scriverti "index.php", quindi penso sia indifferente, ora non ricordo bene, comunque basta che fai un po di prove e vedi..

Discussione: Perché compare un trattino blu tra le immagini in questa piccola pagina statica?

Strumenti discussione

Ricerca discussione

Visualizza

Perché compare un trattino blu tra le immagini in questa piccola pagina statica?

Permessi di invio