Ir ao conteúdo
Regras do Clube do Hardware

HTML Problema com link pra pagina em pasta diferente

Lucio Carvalho

Por Lucio Carvalho
em Web e banco de dados

 Compartilhar

Posts recomendados

Lucio Carvalho
 

Lucio Carvalho

Postado
Postado

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

Visitante
 

Visitante

Postado
Postado

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.

 

Lucio Carvalho
 

Lucio Carvalho

Postado
  • Autor
Postado
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
Visitante
 

Visitante

Postado
Postado
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!;)

Crie uma conta ou entre para comentar

Você precisa ser um usuário 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
 Compartilhar
Ir à lista de tópicos

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

Mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!