How to open an article in a new page with a size that does not occupy 100%?

Asked

Viewed 33 times

1

Man article is being displayed in a call on the index page, I would like it to open in a new page but with a width that is not 100%. 

       <article id="tres" class="caixa caixa2 sombra">
            <img src="noticia01.jpg" alt="" title="">
            <h2 class="titulo vermelho">ted</h2>
            <p>noticia 1 ...</p>
            <a href="noticias.html" class="botao botao-medio botao-vermelho bordas">botao 1</a>
        </article>

        <article class="caixa caixa2 sombra bordas">
            <img src="noticia02.jpg" alt="" title="">
            <h2 class="titulo rosa">ted1</h2>
            <p>noticia 02</p>
            <a href="noticias.html" class="botao botao-medio botao-amarelo bordas">botao 2</a>
        </article>

        <article class="caixa caixa2 sombra bordas">
            <img src="noticia03.jpg" alt="" title="">
            <h2 class="titulo azul">ted2</h2>
            <p>noticia 03</p>
            <a href="noticias.html" class="botao botao-medio botao-azul bordas">botao 3</a>
        </article>
html css html5

  • When you say new page, you mean what? Be redirected to this new page, shown in a modal-box or open a new tab/tab in the browser?

  • @Lipespry in a new browser tab . is possible ?

  • It is. Just add the tag target worthwhile _blank on your links: <a href="noticias.html" target="_blank" class="botao botao-medio botao-vermelho bordas">botao 1</a>

  • @Lipespry more this way she will open on another page more with ma width 100% ne ?

  • only that small part . the news opens at a width defined by min

  • Now, just you style this page as you wish... It’s a page HTML like any other...

  • tendi thank you very much

  • @Lipespry I stylized my page called noticias.html as I want the news to appear. more by clicking on the index.html page by direct link. the articles that contain the news overlap each other... I wanted to make sure that when clicking on the page events.html appear the small articles one below the other. and clicking on any of them ,they opened. understood ?

  • I don’t know if I understand. Your goal would be a page with a list of news (small) and a page for each news (full)?

  • @Lipespry and stuff like that

  • as I see on many websites

  • @Lipespry possible to do this ?

  • Just vc create your HTML pages as I mentioned. The simple way is vc create a file for each news and "link" on its home page showing all the news...

Show 8 more comments
No answers

Browser other questions tagged html css html5

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