WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 02.07.2018 16:00:37

byteworker
Member

CSS img vertical-align middle

Raufe mir gerade die Haare aus:

http://testpage.grafik-job.de/

ich schraube noch am Design herum. Oben soll ein Logo rein statt des Textes. Das Ding steckt in einer Klasse "logoimg" und die habe ich auch vermittelt bekommen, sowei responsive kleiner (im Firefox)

Im Safari auf dem Mac und in Chrome macht sie nicht mit, das Logo klemmt da immer am oberen Rand und wird auch nicht responsiv kleiner.

im Template:

<a href="<?php echo WB_URL; ?>/"><img class="logoimg" src="<?php echo TEMPLATE_DIR; ?>/images/logo.png" alt="logo"></a>

CSS habe ich so aufgebaut:

.logo {
            color: #f6755e;
            font-family: "Poppins", Arial, Helvetica, sans-serif;
            font-size: 2.5em;
            letter-spacing: 0px;
            padding-top: 10px;
            font-weight: 900;
            text-decoration: none;
            display: inline-block;
            display: table;
           
        }
       
       
        .logoimg {
            display: table-cell;
            vertical-align: middle;
            border-style: none;
        }

Im FF geht es wunderbar, in Chrome und Safari klebt es stur oben an. Jemand einen Rat?

Offline

#2 02.07.2018 16:06:26

florian
Administrator

Re: CSS img vertical-align middle

vielleicht das
display:table-cell
rausnehmen? Dann gehts zumindest in chrome (und in ff sowieso). (Kein Mac zum Testen zur Hand)

Last edited by florian (02.07.2018 16:06:46)

Offline

#3 02.07.2018 16:10:25

byteworker
Member

Re: CSS img vertical-align middle

Ja habe ich wieder rausgenommen, allerdings läuft es hier am Mac iauf Chrome und Safari noch nicht.
Werde mir das später auf der Windose daheim ansehen. Fummelei das!

Offline

#4 03.07.2018 22:03:16

jean
Member

Re: CSS img vertical-align middle

Offline

Liked by:

stefanek, meetje

Board footer

Powered by FluxBB

up