• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Buttons im Hauptteil nicht anklickbar

Status
Für weitere Antworten geschlossen.
G

Ginjar

Neues Mitglied
Hallo ihr alle,

Ich hoffe ihr könnt mir mit folgendem Problem weiterhelfen :/
Ich habe bei meiner Seite folgenden Aufbau:

cedCJHA.jpg

Mein Problem ist, dass sich die Buttons innerhalb des roten Kastens nicht klicken lassen. Ich vermute mal, dass es ein CSS Problem ist. Kann mir da Jemand helfen?

Hier der CSS Code:

Code: 
body {
                            margin:0;
                                padding:0;
                                font-family: Sans-Serif;
                                line-height: 1.5em;
                        }

                        #header {
                                background: #2c2c2c;
                                height: 79px;
                        }

                        #header h1 {
                                margin: 0;
                                padding-top: 15px;
                        }

                        main {
                                padding-bottom: 10010px;
                                margin-bottom: -10000px;
                                float: left;
                                background: #72b2d7;
                                width: 100%;
                        }

                        #nav {
                                padding-bottom: 10010px;
                                margin-bottom: -10000px;
                                float: left;
                                width: 220px;
                                margin-left: -100%;
                                background: #2c2c2c;
                        }

                        #footer {
                                clear: left;
                                width: 100%;
                                background: #2c2c2c;
                                text-align: left;
                                padding: 7px 0;
                                padding-left:219px;
                        }

                        #wrapper {
                                overflow: hidden;
                        }

                        #content {
                                margin-left: 230px; /* Same as 'nav' width */
                        }

                        .innertube {
                                margin: 15px; /* Padding for content */
                                margin-top: 0;
                                width: 700px;
                        }

                        p {
                                color: ##371C89;
                        }

                        nav ul {
                                list-style-type: none;
                                margin: 0;
                                padding: 0;
                        }

                        nav ul a {
                                color: white;
                                text-decoration: none;
                        }

Hier noch der HTML Code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>N.</title>
    <link rel="stylesheet" href="style.css">
</head>

        <body>
                <header id="header">
                        <img src="logo2_c.jpg" alt="" border="0" width="" height="">
                        <div class="innertube">
                        </div>
                </header>

                <div id="wrapper">

                        <main>
                                <div id="content">
                                        <div class="innertube">
                                        <br clear="all"/>
                                                 Bitte klicken Sie auf die Kategorie, die Sie interessiert: <br>
                                                 <br>
                                                 <a href="gallerie.html"><img src="gallerie_menue_a.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_b.html"><img src="gallerie_menue_b.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_c.html"><img src="gallerie_menue_c.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_u25.html"><img src="gallerie_menue_u25.png" alt="" border="0" width="171" height="33"></a>
                                                 <br><br>
                                                <a href="gallerie.html"><img src="gallerie_menue_a.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_b.html"><img src="gallerie_menue_b.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_c.html"><img src="gallerie_menue_c.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_u25.html"><img src="gallerie_menue_u25.png" alt="" border="0" width="171" height="33"></a>
                                                    <br><br>
                                                <a href="gallerie.html"><img src="gallerie_menue_a.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_b.html"><img src="gallerie_menue_b.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_c.html"><img src="gallerie_menue_c.png" alt="" border="0" width="171" height="33"></a>
                                                 <a href="gallerie_u25.html"><img src="gallerie_menue_u25.png" alt="" border="0" width="171" height="33"></a>


                                        </div>
                                </div>
                        </main>

                        <nav id="nav">
                             <a href="index.html"><img src="button_start.jpg" alt="" border="0" width="" height=""></a>
                             <img src="button_ueber_uns_b.jpg" alt="" border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="leitbild.html">Unser Leitbild</a></a></li>
                                                <li><a href="vorstand.html">Vorstand</a></li>
                                                <li><a href="standorte.html">Standorte</a></li>
                                                <li><a href="projekte.html">Projekte</a></li>
                                                <li><a href="begegnung.html">- Begegnungsstätte</a></li>
                                                <li><a href="arbeitsmarkt.html">- Arbeitsmarkt-Projekte</a></li>
                                                <li><a href="u25.html">- U25</a></li>
                                                <li><a href="wohnen.html">- Betreutes Wohnen</a></li>
                                                <li><a href="tages.html">- Tagesstätte</a></li>
                                                <li><a href="gallerie.html"><font color="#FF8000">Gallerie</font></a></li>
                                        </ul>
                                </div>
                                <img src="button_news_b.jpg" alt="" border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="neues.html">Was gibt es Neues</a></li>
                                                <li><a href="ausfluege.html">Veranstaltungen</a></li>
                                                <li><a href="brueckentage.html">Brückentage</a></li>
                                        </ul>
                                </div>
                                <img src="button_fuer_Interessenten_b.jpg" alt="" border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="ersteschritte.html">Erste Schritte</a></li>
                                                <li><a href="einfachesdeutsch.html">Einfacheres Deutsch</a></li>
                                        </ul>
                                </div>
                                <img src="button_fuer_firmen_b.jpg" alt="" border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="informationen.html">Informationen</a></li>
                                                <li><a href="ansprechpartner.html">Ansprechpartner</a></li>
                                        </ul>
                                </div>
                                <img src="button_kontakt_b.jpg" alt= border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="kontakt.html">So erreichen Sie uns</a></li>
                                        </ul>
                                </div>
                                <img src="button_spenden_b.jpg" alt= border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="material.html">Materialspenden</a></li>
                                                <li><a href="geld.html">Geldspenden</a></li>
                                                <li><a href="danke.html">Danke an die Spender</a></li>
                                        </ul>
                                </div>
                                <img src="button_impressum_b.jpg" alt= border="0" width="" height="">
                                <div class="innertube">
                                        <ul>
                                                <li><a href="impressum.html">Impressum</a></li>
                                        </ul>
                                </div>
                        </nav>

                </div>

                <footer id="footer">
                <a href="https://www.aktion-mensch.de/" target="_blank"><img  src="logo_aktion_mensch.jpg" alt="" border="2" width="" height=""> </a>
                <a href="http://www.der-paritaetische.de/startseite/" target="_blank"><img  src="logo_dpwv.jpg" alt="" border="2" width="" height=""></a>
                <a href="http://www.certqua.de/web/de/index.php" target="_blank"><img src="Certqua_Zeichen_klein.jpg" alt="" border="2" width="" height=""></a>                        <div class="innertube">
                                <p><font color="#FFFFFF">ist mit und durch Aktion Mensch gefördert worden.</font></p>
                        </div>
 
Zuletzt bearbeitet von einem Moderator:
Hallo Ginjar,

dein Problem wird durch deine Navigation hervorgerufen, bzw. durch die div mit der Klasse "innertube".
Nutze dafür lieber eine eigene Klasse, da diese div ja in deinem Fall nur dazu dient, etwas Abstand zwischen den Menüs zu bekommen.

Den Rest dürftest du dir eigentlich selber erschließen können.
Ansonsten frag einfach weiter ;)
 
Uh ich befürchte dass ich da tatsächlich Hilfe bräuchte. Ich bin gerade erst dabei mich etwas in css einzuarbeiten und habe erstmal ein css-Template benutzt und nur die Werte verändert.
Falls das nicht zuviel verlangt ist, würde ich mich sehr freuen, wenn mir Jemand alle Schritte erklären könnte *ganzliebschau*

Aber vielen Dank schonmal für die Antwort :D
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben