Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Caminho CSS

Estou usando o brackets e acabei quebrando a cabeça agora pra conseguir colocar as imagens rsrsrs mas consegui. Minha pergunta é sobre o caminho do CSS para as imagens das redes sociais e acho que pode servir como dica caso alguém não esteja conseguindo:

No conteúdo do curso fala pra fazer dessa forma :

.twitter {
        background-image: url(../img/twitter.png);
    }

Porém, dessa forma não consegui, mas apenas colocando o img/ na frente do twitter já resolveu :

.twitter {
     background-image: url(img/twitter.png);
    }

Caso use algum outro editor a primeira, no caso da forma que está no conteúdo do curso, é a forma certa? Vi uma galera que colocou aspas tbm dentro dos parênteses

1 resposta
solução!

Oi Hellen,

As aspas são opcionais.

Se você colocar o caminho assim: url(img/twitter.png); o browser vai procurar o arquivo twitter.png em uma pasta chamada img dentro do mesmo diretório onde está o arquivo css.

Então a estrutura de pastas do seu projeto deve ser algo como:

projeto
    - css
        - arquivo.css
        - img
            - twitter.png

Mas no geral a pasta de imagens de um projeto não fica dentro da pasta css, mas sim fora. Desse jeito:

projeto
    - img
        - twitter.png
    - css
        - arquivo.css

Nesse caso como a pasta está um diretório acima do diretorio css, a url tem que mudar para: url(../img/twitter.png);.

O ../ serve para indicar que se deve voltar um direrório acima.

Faz sentido?

Bons estudos!