1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 Center this Image

Discussion in 'Styling and Customization Questions' started by BamBam, Sep 17, 2013.

  1. BamBam

    BamBam Active Member


    I have a Image in the Notices, but its not centered. Anybody can help me with this? It must be a little bit down, and a little bit left:


    This is the Code, maybe someone can modify this Code for me, or tell me which Setting i have to change?

    <style type="text/css">
    {width: 190px;
    {background: url(rgba.php?r=0&g=0&b=0&a=153); background: rgba(0,0,0, 0.6); _filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    color: #ffffff !important;
    font-size: 12px !important;
    text-align: center!important;}
    .csgoIntro a
    {color: #ffffff !important;
    font-weight: bold;}
    .csgoIntro h4
    {color: #ffffff !important;
    font-size: 12px;
    font-weight: bold;}
    {font-size: 9px;
    font-weight: bold;}
    .csgoMember a
    {color: #ffffff !important;}
    <img src="http://www.xxx/styles/icons/header.jpg" style ="repeat -y" title="" />
    <div class="csgoIntro" style="position:absolute; top:0; left:0; height:262px; width:350px;margin-top:10px; margin-left:10px;">
        <div style="padding-right:10px;padding-left:10px;padding-top:10px" >
            <h4>Willkommen bei test!</h4>
                <p>Erstelle dir jetzt einen Account indem du auf Registrieren klickst, deine Email Adresse eingibst, und den weiteren Anweisungen folgst. Solltest du Probleme haben, schreib uns eine Email an: test - Vielen Dank!</p>
    <br />
            <center><div class="noticeButtonContainer">
                <label for="LoginControl" id="SignupButton"><a href="http://xxx/login/" class="inner"><b>Registrieren!</b></a></label>
            <div class="csgoMember">Bereits ein Mitglied? <a href="http://xxx/login/">Login!</a></div>
  2. BamBam

    BamBam Active Member


    Is this not possible to center? :confused:
  3. Martok

    Martok Well-Known Member

    You're missing a space in between center and !important here

    text-align: center!important;}
  4. BamBam

    BamBam Active Member

    Thx, but this dont work. I put a Space in it, but its the same.
  5. MagnusB

    MagnusB Well-Known Member

    Do you have a link? Without seeing what is happening, it is difficult to say why. On the img tag you have a style="" attribute that is invalid. My initial guess is that you have some paddings on the notice container that messes it up.

Share This Page