Ir ao conteúdo
  • Cadastre-se
Lucio Carvalho

HTML Problema com link pra pagina em pasta diferente

Recommended Posts

Eu preciso criar uma pagina como dever, então baixei um template e fui tentando modificar, mas eu quero no post linkar no 'ver mais' pra mandar pra uma pagina com o post completo, mas eu quero colocar essa pagina em outra pasta pra deixar organizado, mas desse jeito a pagina fica sem o css se estiver em uma pasta.

Alguem me ajuda com isso

 

index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A3 php</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<!--  Designed by w w w . t e m p l a t e m o . c o m  -->


<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>
<body>


	<div id="templatemo_header_panel">
    	<div id="templatemo_title_section">
				<h1>MYRIADS TALES</h1>
	  </div>
	  
	  
    </div> <!-- end of templatemo header panel -->
	
	
	<div class="menu">
  <ul class="menu-list">
    <li><a href="#">Home</a></li>
    <li>
      <a href="#">Novel Chinesa</a>
       <ul class="sub-menu">
        <li><a href="#">Against the Gods</a></li>
        <li><a href="#">I Will Eternal</a></li>
        <li><a href="#">Emperor Domination</a></li>
        <li><a href="#">Battle Throughts the Heavens</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Novel Coreana</a>
       <ul class="sub-menu">
        <li><a href="#">Dungeon Defense</a></li>
        <li><a href="#">Overgeared</a></li>
        <li><a href="#">Necromancer</a></li>
        <li><a href="#">The Legendary Moonlight</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Banco de Dados</a>
       <ul class="sub-menu">
	    <li><a href="#">Cadastro Novel Chinesa</a></li>
		<li><a href="#">Cadastro Novel Coreana</a></li>
		<li><a href="#">Cadastro Autores</a></li>
		<li><a href="#">Cadastro Grupos</a></li>
		<li><a href="#">Alterar/Excluir Novel Chinesa</a></li>
		<li><a href="#">Alterar/Excluir Novel Coreana</a></li>
		<li><a href="#">Alterar/Excluir Autores</a></li>
		<li><a href="#">Alterar/Excluir Grupos</a></li>

      </ul>
    </li>
 
  </ul>
</div>
    
  <!-- end of menu -->
    
	<div id="templatemo_content_container">
        <div id="templatemo_content">
            <div id="templatemo_content_left">
				
                <div class="templatemo_post_wrapper">
                <div class="templatemo_post">
                    <div class="post_title">
                    	Post Aleatório pra Preencher Espaço</div>
                    <div class="post_info">
                    	Posted by <a href="#">Ninguem</a>, Maio 7, 2024 at 10:12 am</a>
                    </div>
                    <div class="post_body">
                        <img src="images/Dragon_God_half.png" alt="free css template" border="1" />
                      <p> Apenas preenchendo espaço</p>
                      
                  </div>
              <div >
                    	<a href="posts/post1.html">Ver mais</a>
                    </div>
                </div>
                </div> <!-- End of a post-->
                
                <div class="templatemo_post_wrapper">
                <div class="templatemo_post">
                    <div class="post_title">
                    	Post Aleatório pra Preencher Espaço</div>
                    <div class="post_info">
                    	Posted by <a href="#">Ninguem</a>, Maio 6, 2024 at 11:24 am</a>     
                    </div>
                    <div class="post_body">
                        <img src="images/templatemo_image_01.jpg" alt="free blog template" border="1" />
                      <p>Preenchendo Espaço.</p>
                               
                    </div>
              <div >
                    	<a href="#">Ver mais</a>
                    </div>
                </div>
                </div>  <!-- End of a post-->
                
            </div> <!-- end of content left -->
        
            <div id="templatemo_content_right">
            
            	<div class="templatemo_right_section">
			
  
            	
                
                <div class="templatemo_right_section">
                	<h2>Recomendação de Novels</h2>
					<ul>
                        <li><a href="#">BTTH</a></li>
                        <li><a href="#">ISSTH</a></li>
                        <li><a href="#">ED</a></li>
                        <li><a href="#">AWE</a></li>
                        <li><a href="#">Douluo Dalu</a></li>
                    </ul>    
                </div>
                
                
  
            </div> <!-- end of right content -->
	    </div> <!-- end of content -->
    </div> <!-- end of content container -->


    

<!-- templatemo 058 old blog -->
<!-- 
Old Blog Template 
http://www.templatemo.com/preview/templatemo_058_old_blog 
-->
</body>
</html>

pagina que eu faria o post completo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A3 php</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<!--  Designed by w w w . t e m p l a t e m o . c o m  -->


<link rel="stylesheet" type="text/css" href="tabcontent.css" />
<script type="text/javascript" src="tabcontent.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>
<body>


	<div id="templatemo_header_panel">
    	<div id="templatemo_title_section">
				<h1>MYRIADS TALES</h1>
	  </div>
	  
	  
    </div> <!-- end of templatemo header panel -->
	
	
	<div class="menu">
  <ul class="menu-list">
    <li><a href="#">Home</a></li>
    <li>
      <a href="#">Novel Chinesa</a>
       <ul class="sub-menu">
        <li><a href="#">Against the Gods</a></li>
        <li><a href="#">I Will Eternal</a></li>
        <li><a href="#">Emperor Domination</a></li>
        <li><a href="#">Battle Throughts the Heavens</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Novel Coreana</a>
       <ul class="sub-menu">
        <li><a href="#">Dungeon Defense</a></li>
        <li><a href="#">Overgeared</a></li>
        <li><a href="#">Necromancer</a></li>
        <li><a href="#">The Legendary Moonlight</a></li>
      </ul>
    </li>
    <li>
      <a href="#">Banco de Dados</a>
       <ul class="sub-menu">
	    <li><a href="#">Cadastro Novel Chinesa</a></li>
		<li><a href="#">Cadastro Novel Coreana</a></li>
		<li><a href="#">Cadastro Autores</a></li>
		<li><a href="#">Cadastro Grupos</a></li>
		<li><a href="#">Alterar/Excluir Novel Chinesa</a></li>
		<li><a href="#">Alterar/Excluir Novel Coreana</a></li>
		<li><a href="#">Alterar/Excluir Autores</a></li>
		<li><a href="#">Alterar/Excluir Grupos</a></li>

      </ul>
    </li>
 
  </ul>
</div>
    
  <!-- end of menu -->
  
  
  
 
        
            <div id="templatemo_content_right">
            
            	<div class="templatemo_right_section">
			
  
            	
                
                <div class="templatemo_right_section">
                	<h2>Recomendação de Novels</h2>
					<ul>
                        <li><a href="#">BTTH</a></li>
                        <li><a href="#">ISSTH</a></li>
                        <li><a href="#">ED</a></li>
                        <li><a href="#">AWE</a></li>
                        <li><a href="#">Douluo Dalu</a></li>
                    </ul>    
                </div>
                
                
  
            </div> <!-- end of right content -->
	    </div> <!-- end of content -->
    </div> <!-- end of content container -->


    

<!-- templatemo 058 old blog -->
<!-- 
Old Blog Template 
http://www.templatemo.com/preview/templatemo_058_old_blog 
-->
</body>
</html>

 

php1.png

php2.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei se é isso que voce quer, mas pelo que eu entendi seu arquivo está perdendo o caminho do css ao colocar ele em outro local, nesse caso o arquivo html em uma pasta.

Se for isso o que eu entendi, basta voce linkar a pasta com o css nessa outra página que foi organizada dentro da pasta.

 

vamos dizer que antes ara assim:

 

index.html

pagina.html

folha.css

tudo junto e sem organização de pastas, então isso <link href="templatemo_style.css" rel="stylesheet" type="text/css" />, funciona na boa, basta o arquivo templatemo_style.css, estar na raiz do site junto aos demais arquivos html

 

Mas se na sua organização em estrutura de pastas, por exemplo os HTML's ficarem na pasta paginas, ficaria assim:

 

index.html

folha.css

/paginas/pagina.html

 

no arquivo pagina.html bastaria adicionar esta linha abaixo entre as tags <head>

<link href="../folha.css" rel="stylesheet" type="text/css" />

 

o ../ faz com quea leitura do caminho retorne para a raiz do site e suba os niveis que voce mencionar após o /, e como a folha de estilo nesse caso está já está na raiz, a partir do momento em que voce volta na raiz voce a encontra e a carrega.

 

Agora se por exemplo as folhas de estilo ou a folha de estilo ficarem organizadas em pasta, por exemplo a pasta meusestilos

ficaria assim:

 

index.html

/meusestilos/folha.css

/paginas/pagina.html

 

A tag link entre os <head> seria assim:

<link href="../meusestilos/folha.css" rel="stylesheet" type="text/css" />

 

Me desculpe se não é isso que precisa saber, mas foi o que entendi da sua dúvida.

 

  • Curtir 2

Compartilhar este post


Link para o post
Compartilhar em outros sites
11 minutos atrás, fspjonny disse:

Não sei se é isso que voce quer, mas pelo que eu entendi seu arquivo está perdendo o caminho do css ao colocar ele em outro local, nesse caso o arquivo html em uma pasta.

Se for isso o que eu entendi, basta voce linkar a pasta com o css nessa outra página que foi organizada dentro da pasta.

 

vamos dizer que antes ara assim:

 

index.html

pagina.html

folha.css

tudo junto e sem organização de pastas, então isso <link href="templatemo_style.css" rel="stylesheet" type="text/css" />, funciona na boa, basta o arquivo templatemo_style.css, estar na raiz do site junto aos demais arquivos html

 

Mas se na sua organização em estrutura de pastas, por exemplo os HTML's ficarem na pasta paginas, ficaria assim:

 

index.html

folha.css

/paginas/pagina.html

 

no arquivo pagina.html bastaria adicionar esta linha abaixo entre as tags <head>

<link href="../folha.css" rel="stylesheet" type="text/css" />

 

o ../ faz com quea leitura do caminho retorne para a raiz do site e suba os niveis que voce mencionar após o /, e como a folha de estilo nesse caso está já está na raiz, a partir do momento em que voce volta na raiz voce a encontra e a carrega.

 

Agora se por exemplo as folhas de estilo ou a folha de estilo ficarem organizadas em pasta, por exemplo a pasta meusestilos

ficaria assim:

 

index.html

/meusestilos/folha.css

/paginas/pagina.html

 

A tag link entre os <head> seria assim:

<link href="../meusestilos/folha.css" rel="stylesheet" type="text/css" />

 

Me desculpe se não é isso que precisa saber, mas foi o que entendi da sua dúvida.

 

obrigado, que bom que você conseguiu entender a minha dúvida, era realmente desse '../' que eu precisava. Eu coloquei isso e deu tudo certo.

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites
4 minutos atrás, Lucio Carvalho disse:

obrigado, que bom que você conseguiu entender a minha dúvida, era realmente desse '../' que eu precisava. Eu coloquei isso e deu tudo certo.

Show de bola, que consegui lhe ajudar!;)

  • Curtir 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×