knoppen centreren in footer lukt niet!

[Verwijderd]

Mijn vraag is hoe kan je knoppen centeren in een footer?
...

Relevante software en hardware die ik gebruik is bootstrap.
...

Wat ik al gevonden of geprobeerd heb is het centeren van de tekst eronder maar 1 knop wil de volledige pagina innemen, hoe moet ik dit oplossen?

Ik ben student, ik studeer geen informatica. Dus ik heb weinig ervaring.
...

[MAX3400]

Zou je allicht willen vermelden welke taal je programmeert? Plat HTML? PHP? Overig?

[Wom]

Post de code eens die je wilt aanpassen.

[ Voor 40% gewijzigd door Wom op 14-06-2019 16:17 ]

[Brummetje]

Knopje gemaakt met een div? Dan zou je de div een vaste breedte kunnen geven en dan met bijvoorbeeld margin: 0 auto; de knop in het midden zitten.

[Verwijderd]

Ik programmeer dit met html. En maak de opmaak met CSS.

Ik zou graag alles wat in deze footer staat willen centreren. Maar het probleem is dat de knop met het dropdown menu de volledig pagina inneemt en de twee andere knoppen onder deze knop komen te staan.

HTML:

<footer>

    <div class="row">

       <div class="col-sm-12">
            <ul class="navigatiebeneden">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle btn btn-primary" data-toggle="dropdown" role="tab" 
 href="Contact.html">Info</a>

                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="Contact.html">Contact</a>
                        <a class="dropdown-item" href="Over%20MIj.html">Over Mij</a>
                        <a class="dropdown-item" href="CV.html">CV</a>
                    </div>
                </li>
                <li><a class="btn btn-outline-success" href="Portfolio.html">Portfolio</a></li>
                <li><a class="btn btn-outline-danger" href="Homepage.html">Home</a>
            </ul>
        </div>
    </div>

    <div id="socialemedia2" class="row">
        <div class="col-sm-12">
            <a href="https://www.facebook.com/"><img src="https://img.icons8.com/color/48/000000/facebook-new.png"></a>

            <a href="https://www.instagram.com/"><img src="https://img.icons8.com/color/48/000000/instagram-new.png"></a>

            <a href="https://www.linkedin.com/in/"><img src="https://img.icons8.com/color/48/000000/linkedin.png"></a>


        </div>
    </div>

    <p>
        © 2019 - Alle rechten voorbehouden 
    </p>
</footer>

alvast bedankt !

[ Voor 2% gewijzigd door RobIII op 14-06-2019 16:32 . Reden: Code tags toegevoegd ]

[ImNotnoa]

Verwijderd schreef op vrijdag 14 juni 2019 @ 16:21:

<p>
© - 2019 - Alle rechten voorbehouden - Designed by
</p>
</footer>


alvast bedankt !

Wellicht wil je je naam even uit de post halen

[Bas170]

Zie https://www.w3schools.com/css/css_text.asp

En dan het stukje onder "Text Alignment"

Imnoa schreef op vrijdag 14 juni 2019 @ 16:22:
[...]


Wellicht wil je je naam even uit de post halen

En de links naar je social media accounts

[ Voor 54% gewijzigd door Bas170 op 14-06-2019 16:24 ]

[azerty]

Imnoa schreef op vrijdag 14 juni 2019 @ 16:22:
[...]


Wellicht wil je je naam even uit de post halen

Dan staan er nog facebook & instagram links in

[ImNotnoa]

azerty schreef op vrijdag 14 juni 2019 @ 16:23:
[...]


Dan staan er nog facebook & instagram links in

Dat ging ik net zeggen

[Wintervacht]

Zo te zien gebruik je Bootstrap, kijk hier eens.

[TheBoef]

CSS:
footer {
text-align: center;
}

Of de class 'text-center' toevoegen aan <footer>

[ Voor 37% gewijzigd door TheBoef op 14-06-2019 16:28 ]

[RobIII]

Ik verzoek je vriendelijk een nieuw topic te openen a.d.h.v. onze Quickstart en, wanneer je code plaatst, code tags te gebruiken