Un designer web ?

[stephXX62]

Salut ,
Voilà j'ai (re)commencé le développement web il y a quelques semaines , j'ai déjà fait les bases du site , mais je suis TRES nul en design . Du coup je recherche un designer web , mais pas pour tout le site , juste pour la navbar .
Ayant très peu de budget , je voudrais cela gratuitement , si une personne charitable voudrait bien ça serait sympa Je veux pas un design génial hein , juste un basique .
Salut

 

[Yoh Sambre ♪]

@EpicGaby NEED HELP HERE !

 

[Membre supprimé 98332]

@EpicGaby NEED HELP HERE !

Hey !

Je suis un peu pris en ce moment mais pourquoi pas. @stephXX62 , go en privé pour me décrire ce que tu veux. J'aviserai par la suite

 

[Taink]

juste pour la navbar

Html :

<ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li>
</ul>

Style :

nav ul { list-style-type: none; display: flex; justify-content: flex-start; text-align: center;
}
nav a { padding: 15px; background-color: #001a33; text-decoration: none; height: 56px;
}

C'est pas très compliqué :s

 

[stephXX62]

Hey !

Je suis un peu pris en ce moment mais pourquoi pas. @stephXX62 , go en privé pour me décrire ce que tu veux. J'aviserai par la suite

Je prendrai contact avec toi ce soir , pour pouvoir parler de façon plus posée que maintenant , je suis un peu occupé ^^

Html :

<ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li>
</ul>

Style :

nav ul { list-style-type: none; display: flex; justify-content: flex-start; text-align: center;
}
nav a { padding: 15px; background-color: #001a33; text-decoration: none; height: 56px;
}

C'est pas très compliqué :s

Et le css est bien lié à la page , mais ça fait quand même ça

 

[Taink]

Tu l'as pas mis dans nav l'html :s

 

[stephXX62]

Tu l'as pas mis dans nav l'html :s

Faut faire une div pour la nav ?

 

[Taink]

Faut faire une div pour la nav ?

Moi je l'ai fait comme ça :

<nav> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</nav>

Mais tu peux le faire comme ça :

<div id="nav"> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</div>

Mais à ce moment là il faut mettre ça dans le style.css :

#nav ul { list-style-type: none; display: flex; justify-content: flex-start; text-align: center;
}
#nav a { padding: 15px; background-color: #001a33; text-decoration: none; height: 56px;
}

 

[stephXX62]

Moi je l'ai fait comme ça :

<nav> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</nav>

Mais tu peux le faire comme ça :

<div id="nav"> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</div>

Mais à ce moment là il faut mettre ça dans le style.css :

#nav ul { list-style-type: none; display: flex; justify-content: flex-start; text-align: center;
}
#nav a { padding: 15px; background-color: #001a33; text-decoration: none; height: 56px;
}

Ah ok merci je test

 

[stephXX62]

Moi je l'ai fait comme ça :

<nav> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</nav>

Mais tu peux le faire comme ça :

<div id="nav"> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</div>

Mais à ce moment là il faut mettre ça dans le style.css :

#nav ul { list-style-type: none; display: flex; justify-content: flex-start; text-align: center;
}
#nav a { padding: 15px; background-color: #001a33; text-decoration: none; height: 56px;
}

Meme avec la balise <nav> c'est al même chose

 

[Taink]

Meme avec la balise <nav> c'est al même chose

Mais est-ce que tu comprends le principe ? Parce que c'est pas le plus compliqué dans le design du site :s

Et normalement ça fonctionne, je comprends pas :'(

 

[Taink]

Meme avec la balise <nav> c'est al même chose

Sur ton ul, tente de faire ça :

<ul style="display: flex;list-style-type: none;">

Normalement, le résultat devrait être comme ça :

Si ça ne fonctionne pas même comme ça, c'est sans doute que ton navigateur web n'est pas compatible, auquel cas tu peux faire ceci sur le style.css :

nav ul { list-style-type: none; text-align: center;
}
nav ul { float: left;
}
nav a { padding: 15px; display: block; background-color: #001a33; text-decoration: none; height: 56px;
}

(je suis pas sûr, à tester)

 

[stephXX62]

Mais est-ce que tu comprends le principe ? Parce que c'est pas le plus compliqué dans le design du site :s

Et normalement ça fonctionne, je comprends pas :'(

ah nan c'est moi qui suis bete dsl mon index est en php ça amrche en html ^^ du coup je dois je dois faire un echo avec une div nan ?

 

[Taink]

ah nan c'est moi qui suis bete dsl mon index est en php ça amrche en html ^^ du coup je dois je dois faire un echo avec une div nan ?

Bah pas besoin d'echo, tu peux simplement l'écrire comme ça normalement :

<?php 
?>
<nav> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</nav>

Enfin je sais pas, de mémoire hein.

 

[stephXX62]

Bah pas besoin d'echo, tu peux simplement l'écrire comme ça normalement :

<?php 
?>
<nav> <ul> <li><a title="Retourner à l'accueil" href="#">Accueil</a></li> <li><a title="Lien 1" href="#" target="_blank">Lien 1</a></li> <li><a title="Lien 2" href="#" target="_blank">Lien 2</a></li> </ul>
</nav>

Enfin je sais pas, de mémoire hein.

Bah oui mais du coup y'a pas le design , ça fait comme l'image

 

[Taink]

Bah oui mais du coup y'a pas le design , ça fait comme l'image

Bah tu as bien appelé ta feuille de style ? Pour rappel, même en PHP, tu peux faire une page purement en html :

<!DOCTYPE html>
<html> <head> <meta charset="utf-8"> <title>Tests</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <?php  ?> <nav> <ul> <li><a href="#">Accueil</a></li> <li><a href="#" target="_blank">Lien 1</a></li> <li><a href="#" target="_blank">Lien 2</a></li> </ul> </nav> </body>
</html>

 

[stephXX62]

@Taink désolé c'est juste mon hébergeur qui a pris son temps , ça marche merci y'a moyen de l'agrandir ?

 

[Taink]

@Taink désolé c'est juste mon hébergeur qui a pris son temps , ça marche merci y'a moyen de l'agrandir ?

Tu changes la hauteur, je vais pas pouvoir beaucoup t'aider là-dessus.
Go lire un peu là-dedans : https://www.w3schools.com/css/default.asp

 

[stephXX62]

Tu changes la hauteur, je vais pas pouvoir beaucoup t'aider là-dessus.
Go lire un peu là-dedans : https://www.w3schools.com/css/default.asp

ok merci

 

[stephXX62]

Hey !

Je suis un peu pris en ce moment mais pourquoi pas. @stephXX62 , go en privé pour me décrire ce que tu veux. J'aviserai par la suite

Du coup je te remercie d'avoir proposé ton aide , mais c'est réglé