Which link should I use in my event page article? for it to open and load individually?

Asked

Viewed 140 times

-3

Hello guys I’m having a doubt that’s keeping me awake.

On my page index.html have a < section > calling for EVENTS, and I also have a page called html events.

In the html events. I have some < article > each "article" linked to the page html events.

The problem is that all my articles all appear together on the page of html events. type I click on article 1 and it appears all the others one below the other!
*
i was wondering if there’s any way to get each article to load while clicking on it*

that is to click on my article it load and open on the same page ? that in the case and the page of EVENTS ?

inserir a descrição da imagem aqui inserir a descrição da imagem aqui

<section id="eventos-index" class="pg-eventos" />
<!--sesao de eventos index -->


<h1>EVENTOS </h1>

<a href="eventos.html#evento-jigante" title="jigante em mutuipe ba">

  <article class="fotos"><img src="_imagens/eventos/jigante.jpg" width="100%" height="100%">
    <hgroup>
      <h2>Gigante 18/01/2018 mutuipe BA</h2>
    </hgroup>
  </article>
</a>

<a href="eventos.html#santinha" title="baille da santinha saj">
  <article class="fotos"><img src="_imagens/eventos/santinha.jpeg" width="100%" height="100%">
    <hgroup>
      <h2> Baille da santinha 18/01/2018<br>SAJ BA</h2>
    </hgroup>
  </article>
</a>


<section class="eventos" alt="eventos do vale">

  <h1>EVENTOS</h1>

  <a href="#evento-gigante">
    <article class="eventos" id="evento-gigante">
      <img src="_imagens/eventos/jigante.jpg">
      <p class="desc-eventos">
        gigante<br> bloco nana com leo santana
        <br>Local campo Grande Salvador <br> Data 18/01/18.<br> Hora. 21:00hs <br> Valor. Individual. 190.00 reais <br> Casadinha. <br> 340.00 reais <br> 5 x no cartão. <br> Shopping Mega China.</p>
    </article>
  </a>
html css html5 css3 link

  • If you haven’t made a detail page for each event, you can’t do that. You’re only using HTML?

  • to using HTML and CSS ! but the site is not hosted yet will not be that too ? detail page for each event? how is that brother?

  • 1

    In your case, as you are already on the events page, just use the anchor link, without the file name, so you will not reload the page.

  • Make a page for each event.. So when you click on the link you will redirect to the event page

  • @Felipeacelinocomo is what I do this detail page ?

  • @Olympio as I make this detail page ?

Show 1 more comment

1 answer

1


What I understand is that you want the document html events. load a different article, according to the link clicked on the page index.html.

However, if this is the goal, it is not possible to achieve it only with HTML and CSS.

This way, you will have to study other technologies that allow you to streamline the content. Thus, an example would be learning database and PHP, to connect your site to CMS Wordpress.

Useful links:

  • OK thanks a lot ! I’ll give a studied Aki

Browser other questions tagged html css html5 css3 link

You are not signed in. Login or sign up in order to post.