• User Attivo

    Paginazione e css su paginazione esistente

    Salve ragazzi, ho bisogno di aiuto;) dopo vari tentativi non sono ancora a capire come associare uno stile alla paginazione php. Vi riporto in sequenza il codice php del mio sito e il css che vorrei attribuire. Vi prego aiutatemi.

    Grazie


    codice php:

    <?php

    $paginazione = "Pagine totali: " . "<strong>".$tot_pages . "</strong><br />
    [";
    for($i = 1; $i <= $tot_pages; $i++)
    {
    if($i == $current_page)
    {
    $paginazione .= "<strong>".$i . "</strong> ";
    }
    else {
    if($page < 10)
    {
    $uri=$_SERVER['REQUEST_URI'];
    $pagina=substr ($uri, -10, 10);
    if ($pagina!='index.html'){
    $uri2=substr_replace($uri, $i, -6, 1);
    $paginazione .= "<a href="$uri2" title="Vai alla pagina $i">$i</a> ";
    }
    else{
    $uri2=substr_replace($uri, $i, -12, 1);
    $paginazione .= "<a href="$uri2" title="Vai alla pagina $i">$i</a> ";
    }
    }
    else
    {
    $uri=$_SERVER['REQUEST_URI'];
    $pagina=substr ($uri, -10, 10);
    if ($pagina!='index.html'){
    $uri2=substr_replace($uri, $i, -7, 2);
    $paginazione .= "<a href="$uri2" title="Vai alla pagina $i">$i</a> ";
    }
    else{
    $uri2=substr_replace($uri, $i, -13, 2);
    $paginazione .= "<a href="$uri2" title="Vai alla pagina $i">$i</a> ";
    }
    }
    }
    }
    $paginazione .= "]";
    ?>


    codice css e html (preso su un sito, vorrei farlo uguale sul mio)

    <style type="text/css">
    <!--
    <style type="text/css">

    .pagination{
    padding: 2px;
    }

    .pagination ul{
    margin: 0;
    padding: 0;
    text-align: center; /Set to "right" to right align pagination interface/
    font-size: 16px;
    }

    .pagination li{
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
    }

    .pagination a, .pagination a:visited{
    padding: 0 5px;
    border: 1px solid #9aafe5;
    text-decoration: none;
    color: #014fbc;
    }

    .pagination a:hover, .pagination a:active{
    border: 1px solid #2b66a5;
    color: #000;
    background-color: #FFFF80;
    }

    .pagination a.currentpage{
    background-color:;
    color: #FFF !important;
    border-color:;
    font-weight: bold;
    cursor: default;
    }

    .pagination a.disablelink, .pagination a.disablelink:hover{
    background-color: white;
    cursor: default;
    color: #929292;
    border-color:;
    font-weight: normal !important;
    }

    .pagination a.prevnext{
    font-weight: bold;
    }

    </style>

    <div class="pagination">
    <ul>
    <li><a href="#" class="prevnext disablelink">« indietro</a></li>
    <li><a href="#" class="currentpage">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">7</a></li>
    <li><a href="#">8</a></li>
    <li><a href="#">9</a>...</li>
    <li><a href="#">15</a></li>
    <li><a href="#">16</a></li>
    <li><a href="#" class="prevnext">avanti »</a></li>
    </ul>
    </div>


  • User Attivo

    Azz........ aiuto nessuno mi vuole aiutare?????'
    :bho: non capisco perchè, almeno voi esperti mi date una manina????


  • User Attivo

    Aiutoooooooooo:():


  • User Attivo

    Io non ho capito il problema... potresti spiegare un po' di più?

    keiske


  • Super User

    In effetti vista così si capisce che vuoi attribuire un css alla pagina che contiene quel codice php. Sbaglio?


  • Super User

    Ciao Colvi e scusa per la mancata risposta.

    Postaci se puoi una pagina poichè così è abbastanza vago soprattutto con del codice php poichè bisognerebbe vedere come ti riproduce la pagina in html.

    In ogni caso per attribuire i fogli CSS si utilizzano tre modi:

    • chiamata ad un .css esterno

    • scrittura degli attributi compresi tra il tag:

    [html]
    <style type="text/css"></style>
    [/html]da posizionare all'interno della stessa pagina con il vincolo di riferirsi unicamente alla stessa in cui è posto e non oltre.

    • tramite l'inserimento, simile a quello sopracitato, degli attributi sui singoli elementi come nel caso:

    [html]
    <div style="background-color:#333333"></div>
    [/html]