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?
 
xdex

xdex

Medlem
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/
 
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