Kjapp og trygg hosting for Wordpress

Sidestille menyer i footer

N

Noreg

New Member
Fikler litt i wordpress med å sidestille noen menyer i footeren. Satt dem inn ved å legge til to "Custom Menus". Vel, slik ser det ut nå http://puu.sh/jRQoW.png
Og jeg skulle gjerne ha sidestilt dem. Slik at de står vannrett ved siden av hverandre.

Hvordan går jeg frem?
 
N

Noreg

New Member
xdex skrev:
Da du ikke viser oss noe kode, eller har en side kjørende live som vi kan se, blir dette bare gjetting og tullete. Du sier heller ingenting om du ønsker å ha en fast bredde (selv om det er på mobil) men går nesten ut i fra det, da du setter 100px fast i bredden.

https://jsfiddle.net/80jtL2ae/
Klikk for å utvide...

Ja, jeg vet. Det jeg ikke helt vet, er hvor jeg skal finne koden (noobt som det høres ut,vet).
Fant dette i kildekoden gjennom Chrome. http://pastie.org/private/vdqtang8yfojddgrmn3dmw
Men herre hvor uoversiktlig det er. Er det et alternativt sted jeg kan finne det, som kanskje er ryddigere? Eller er jeg generelt helt på jordet? :confused:
 
xdex

xdex

Medlem
Noreg skrev:
Ja, jeg vet. Det jeg ikke helt vet, er hvor jeg skal finne koden (noobt som det høres ut,vet).
Fant dette i kildekoden gjennom Chrome. http://pastie.org/private/vdqtang8yfojddgrmn3dmw
Men herre hvor uoversiktlig det er. Er det et alternativt sted jeg kan finne det, som kanskje er ryddigere? Eller er jeg generelt helt på jordet? :confused:
Klikk for å utvide...

Ja,

Kode: 
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>

<body>
    <ul class="xoxo">
        <li class="widget-container widget_nav_menu" id="nav_menu-4">
            <div class="widget_title_wrapper">
                <a class="block-control" href="javascript:void(0)" style=
                "display: none;"></a>

                <h3 class="widget-title heading-title">Informasjon</h3>
            </div>

            <div class="menu-footerinformasjon-container">
                <ul class="menu" id="menu-footerinformasjon">
                    <li class=
                    "menu-item menu-item-type-post_type menu-item-object-page menu-item-2315"
                    id="menu-item-2315">
                        <a href="http://www.exmpl.no/?page_id=2311">Om oss</a>
                    </li>

                    <li class=
                    "menu-item menu-item-type-post_type menu-item-object-page menu-item-2316"
                    id="menu-item-2316">
                        <a href="http://www.exmpl.no/?page_id=2313">Sikkerhet
                        og personvern</a>
                    </li>
                </ul>
            </div>
        </li>

        <li class="widget-container widget_nav_menu" id="nav_menu-5">
            <div class="widget_title_wrapper">
                <a class="block-control" href="javascript:void(0)" style=
                "display: none;"></a>

                <h3 class="widget-title heading-title">Support</h3>
            </div>

            <div class="menu-footersupport-container">
                <ul class="menu" id="menu-footersupport">
                    <li class=
                    "menu-item menu-item-type-post_type menu-item-object-page menu-item-2310"
                    id="menu-item-2310">
                        <a href="http://www.exmpl.no/?page_id=263">Kontakt
                        oss</a>
                    </li>

                    <li class=
                    "menu-item menu-item-type-post_type menu-item-object-page menu-item-2320"
                    id="menu-item-2320">
                        <a href="http://www.exmpl.no/?page_id=2317">Spørsmål og
                        svar</a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</body>
</html>

De aller fleste programmer (IDE) har mulighet for "clean-up", når det er sagt, kan du jo prøve det jeg allerede har nevnt, avhengig av hva du prøver å få til, selvfølgelig med endringer. "fast" bredde, lønner seg sjeldent, finnes bedre muligheter på mobil/fallbacks.

Les litt om media queries https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
 
Sist redigert:
N

Noreg

New Member
Yawa

Yawa

New Member
Jeg pleier å sette elementene til display:inline; vertical-align:center;, da plasserer elementer seg horisonalt.
Du kan også benytte css.flex;.
 
Du må logge inn eller registrere deg for å svare her.
Topp