Entrar Ainda não tem acesso?
4
respostas

A barra de navegação da página não ficou preta e horizontal. Os links do menu estao soltos na parte de cima. Qual seria o problema?

Referente ao curso PHP e MySQL I: Fundamentos para criar um sistema na Web, no capítulo Primeiros passos com PHP e atividade Cabeçalho e rodapé

por Estudante
| 58.1k xp | 2 posts
<html>
<head>
    <title>Minha loja</title>
    <meta charset="utf-8">
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/loja.css" rel="stylesheet" />
</head>

<body>
    <div class="container">

        <div class="principal">
    <!-- fim cabecalho.php -->
4 respostas
por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi Rossi ví que você abriu um tópico semelhante sem o código posso marcar como solucionado aquele para não ficar duplicado ? A barra de navegação fica no nosso cabeçalho.php, mas tá faltando justamente o código dela aí que é semelhante ao abaixo:

<html>
<head>
    <title>Minha loja</title>
    <meta charset="utf-8">
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/loja.css" rel="stylesheet" />
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a href="index.php" class="navbar-brand">Minha Loja</a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li><a href="produto-formulario.php">Adiciona Produto</a></li>
                <li><a href="produto-lista.php">Lista Produto</a></li>
                <li><a href="sobre.php">Sobre</a></li>
            </ul>
        </div>
    </div>
</div>

<div class="container">

    <div class="principal">

Espero ter ajudado e bons estudos.

por DAVID SOUZA DE ALMEIDA
| 240k xp | 12 posts

Cara tive o mesmo problema aqui.

<html>
    <head>
        <meta charset="UTF-8">
        <title>Minha Loja</title>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/loja.css" rel="stylesheet">
    </head>

<body>

    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.php">Minha loja</a>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="principal">

Comparei com o codigo dos exercicios, e ate mesmo com o seu Maison Galvão, mas nao funciona.

por Maison Galvão
| 1029.2k xp | 1128 posts
Moderador Desenvolvedor de Sistemas

Oi DAVID faça o seguinte:

cabecalho.php

<header class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="index.php">Minha Loja</a>
        </div>
        <div>
            <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="produto-formulario.php">Adiciona Produto</a></li>
                <li class="nav-item"><a class="nav-link" href="produto-lista.php">Lista produtos</a></li>
                <li class="nav-item"><a class="nav-link" href="sobre.php">Sobre</a></li>
            </ul>
        </div>
    </div>
</header>

E no loja.css

.principal {
    padding: 40px 15px;
    text-align: center;
}

Espero ter ajudado e bons estudos

por DAVID SOUZA DE ALMEIDA
| 240k xp | 12 posts

Maison muito obrigado pela atenção, assim que eu postei aqui que estava com esse problema fui dar uma olhada na documentação do bootstrap, e fiz exatamente o que você sugeriu, eu só não queria deixar tão diferente da aula, para não ter divergências mais a frente do curso, mas foi o jeito..

Muito obrigado mesmo assim.