Ergebnis 1 bis 2 von 2

Thema: Buttons zentrieren funktioniert nicht

  1. #1
    HTML Newbie
    Registriert seit
    09.05.2013
    Ort
    A, A
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Buttons zentrieren funktioniert nicht

    Hallo liebe Gemeinde,


    ich bin am verzweifel und habe schon überall "text-align: center;" ausprobiert, wo es nur geht, aber nichts geschafft.
    Wer kann mir helfen, ich schaffe es nicht, dass die Buttons insg. in der Mitte angezeigt werden.


    PS: Ich habe noch den Stylesheet von der Thickbox drin und die jQuery.js + Thickbox.js drin.


    CSS-Code
    Code:
    <style type="text/css">
    body {
            background: url(../img/background.jpg) fixed no-repeat;
        background-position: center;
        background-size: 100% 100%;
        margin:0px;
        background-color: green;
        color: #fb9940;
        font-family: Verdana, Sans-Serif;
    }
       
    
    
    .header {
            float: none;
        display: block;
        text-align: center;
        margin-top: -150px;
        margin-bottom: 50px;
    }
    
    
    .logo {
            float: right;
        display: block;
        text-align: center;
        margin-top: -150px;
        margin-bottom: 50px;
        margin-right: -170px;
    }
    
    
    .center {
            float: none;
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 200px;
    }
    
    
    .nav a {
            display: inline-block;
        width: 100px;
        background: #fb9940;
        padding: 5px 5px 5px 5px;
        border: 1px solid #ba6410;
        color: #fff;
        text-decoration: none;
        text-align: center;
        margin: 0px 10px;
        font-size: 14px;
        font-weight: bold;
            text-align: center;
    }
    
    
    .navigation, .footer {
            text-align: center;
        font-size:14px;
        display:block;
        position:absolute;
    }
    
    
    .navigation ul, .footer ul {
            list-style-type:none;
        list-style-image:none;
            text-align: center;
    }
    
    
    .navigation li.topmenu, .footer li.topmenu {
            float:left;
        padding: 0px 0px;
            text-align: center;
    }
    
    
    .topmenu ul{
            display:none;
    }
    
    
    .topmenu a {
            display: inline-block;
            width: 120px;
        background: #fb9940;
        padding: 5px;
        border: 1px solid #ba6410;
        color: #fff;
        text-decoration: none;
        text-align: center;
        margin: 0px 10px;
        font-size: 14px;
        font-weight: bold;
    }
    
    
    .submenu a {
            border-top: 0px;
        position:relative;
        clear:both; /* special IE6 */
    }
    
    
    .navigation a:hover, .topmenu.on a, .footer a:hover {
            background-color:#ffaf67 !important;
    }
    
    
    .topmenu:hover ul {
            display:block;
    }
    
    
    .article {
            margin-top: 120px;
    }
    
    
    
    
    .footer {
            margin-top: 25px;
    }
    </style>

    HTML-Code
    Code:
    <div class="center">    <div class="header"><img src="../img/header.png" alt="" title="" /></div>
        <div class="logo"><img src="../img/logo.png" alt="" title="" /></div>
    
    
        <div class="navigation">
         <ul>$navigation_top</ul>
        </div>
    
    
        <div class="article">
          <div class="scroll-pane" style="overflow:auto; width:100%; height:350px; padding:0px; border:0px;">
          $content
          </div>
    
    
        </div>
    
    
        <div class="footer" style="text-align:center;">
         <ul style="text-align:center;">$navigation_bottom</ul>
        </div>
    </div>
    Schaffe es allein, OHNE Hilfe leider nicht mehr...


    Mit freundlichem Gruß,
    RobertW
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken
    Geändert von RobertW (09.05.2013 um 21:29 Uhr) Grund: Habe mal den Fehler als Dateianhang hochgeladen.

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Buttons zentrieren funktioniert nicht

    im allgemeinen hilft es einen wrapper mit einer breite zu versehen und dem dann margin: 0 auto; zu geben

    in deinem fall sollte:
    HTML-Code:
    <ul style="text-align:center;">$navigation_bottom</ul>
    diese eigenschaften erhalten
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Footernavigation lässt sich nicht zentrieren
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 20
    Letzter Beitrag: 30.05.2012, 17:01
  2. Seite funktioniert und funktioniert nicht
    Von parcifal83 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 24.05.2010, 15:24
  3. div zentrieren vertikal klappt nicht richtig
    Von blueTiger im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 06.01.2010, 07:47
  4. Hilfe Bild will nicht mittig (zentrieren)
    Von jakle im Forum HTML & CSS Forum
    Antworten: 18
    Letzter Beitrag: 20.07.2009, 20:34

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •