php - Duplicate pdf icon images are showing for no reason

Question

I'm trying to make a create your profile page with an option for them to upload CV. Problem is, its showing way tooo many pdf icons. Can anyone help me out? I'm trying to make it so one shows up only. Theyre also acting all as single files that all lead to an error when clicked on.

Thank you

<style>
    a[href$=".pdf"]:before {
        content: url(http://www.wischenbart.com/img/pdf_icon.gif);
    }
</style>
...


    <div class="row">
    @if(get_file_uploads($client['id']) != null)
    @foreach(get_file_uploads($client['id']) as $upload)
    <div class='col-md-4 col-sm-6'>
        <ul class="documents">
           <li><a href="/download/{{$client['id']}}/{{$upload}}.pdf"></a></li>
        </ul>
    </div>
    @endforeach
    @endif
</div>

...

    <div class="tab-pan-title"> CV Uploads </div>
<hr>
<div class="row">
    @if(get_cv_uploads($client['email']) != null)
    @foreach(get_cv_uploads($client['email']) as $upload)
    <div class='col-md-4 col-sm-6'>
        <ul class="documents">
            <li><a href="/download_cv/{{$client['email']}}/{{$upload}}.pdf"></a></li>
        </ul>
    </div>
    @endforeach
    @else
    <div class='col-md-4 col-sm-6'>
        <h4>No Cv Uploaded</h4>
    </div>
    @endif
    <div class="col-md-3 col-sm-6">
        <form action="update_client_file" method="GET">
            <button id="myCvBtn" class="btn btn-primary btn-sm" type="button">Upload CV</button>
      
        </form>
    </div>

</div>

imagesof icons showing up

question from:https://stackoverflow.com/questions/65921405/duplicate-pdf-icon-images-are-showing-for-no-reason

Answer 1

Waitting for answers