Irgendwie ist der Wurm drin,bitte um hilfe

michy2010

hallo leute,

irgendwie ist der Wurm drin,bitte um hilfe ,
habe mir ein template runtergeladen und so angepasst wie ich es gern hätte, eine sache bekomme ich aber leider nicht hin, wenn ich auf
"Smartphone Reparatur" klicke kommt ja eine art popup,

wenn ich daneben auf
"TV und Hi-FI Service" klicke ist es ein anderes fenster,also durchgehend,

jetzt verzweifel ich langsam und bitte euch um hilfe [Blockierte Grafik: https://www.html.de/styles/default/xenforo/clear.png]

hoffe jemand nimmt sich meiner an, vielen lieben dank schonmal [Blockierte Grafik: https://www.html.de/styles/default/xenforo/clear.png]

achso die seite wo ich es mal hochgeladen habe [Blockierte Grafik: https://www.html.de/styles/default/xenforo/clear.png]

Sailor

Das ist wohl ein 'Verschachtelungsfehler'. Der erste div-Container 'id=single-project4' liegt innerhalb des div-Containers 'class=container'. Damit ist dessen Breite (100%) auf die Breite des 'class=container' beschränkt.
Die anderen (Popups) 'id=single-project5' / 'id=single-project6' liegen aber außerhalb von 'div class=container' und sind dann in der Breite (100%) nur vom <body> begrenzt.

michy2010

ok,das leuchtet ein,vielen dank dafür welchen ansatz würdest du mir empfehlen um mein ziel zu erreichen ?

lieben dank sailor

Sailor

Was ist dein Ziel? Dass alle diese Div's sich mit der selben Breite öffnen?

Dann suche in deinem Code das fehlerhaft gesetzte </div> von dem <div class="container"...> und verschiebe es so, dass diese 'popup-Elemente' sich innerhalb dieses Div's befinden.

michy2010

genau das ist das ziel, es sollen alle in einer größe aufgehen ( wie bei smartphonereparatur) , ich zähl mir schon ein wolf und komm nicht auf das zu viel gesetze div, ich verstehe was du meinst, aber irgendwie bin ich grade begrffsblind

Sailor

Weiß jetzt nicht, ob dir das weiter hilft...

HTML

<div class="section primary-section" id="service">  <!-- Öffnen div id=services -->


            <div class="container">   <!-- Öffnen div class=container -->
                <!-- Start title section -->
                <div class="title">
                    <h1>Was bieten wir?</h1>
                    <!-- Section's title goes here -->
                    <p>Unser service für Sie</p>
                </div>


<!-- Anfang popup für service1 -->
               <div id="single-project4">
                    <div id="slidingDiv4" class="toggleDiv row-fluid single-project4">
                        <div class="span6">
                            <img src="images/Service1.png" alt="single-project4" />
                        </div>
                        <div class="span6">
                            <div class="project-description4">
                                <div class="project-title clearfix">
                                    <h3>Smartphone Reparatur</h3>
                                    <span class="show_hide close">
                                        <i class="icon-cancel"></i>
                                    </span>
                                </div>
                                <div class="project-info">
                                    <div></div>
                                </div>
                                <p>Wir reparieren Displays,Microfone,Lautsprecher,Akkus uvm.
                                Wir Bieten reparaturservice für Handy,Smartphone,Notebook,Pc uvm.
                                kontaktieren sie uns einfach.
                                </p>
                          </div>
                       </div>
                  </div>
               </div>
<!-- Ende popup für service1 -->


<!-- Anfang popup für service2 -->
               <div id="single-project5">
                    <div id="slidingDiv5" class="toggleDiv row-fluid single-project5">
                        <div class="span6">
                            <img src="images/Service2.png" alt="single-project5" />
                        </div>
                        <div class="span6">
                            <div class="project-description5">
                                <div class="project-title clearfix">
                                    <h3>Smartphone Reparatur</h3>
                                    <span class="show_hide close">
                                        <i class="icon-cancel"></i>
                                    </span>
                                </div>
                                <div class="project-info">
                                    <div>
                                        &nbsp;
                                    </div>
                                </div>
                                <p>123456789101112131415 </p>
                            </div>
                        </div>
                    </div>
               </div>
<!-- Ende popup für service2 -->


<!-- Anfang popup für service3 -->
               <div id="single-project6">
                    <div id="slidingDiv6" class="toggleDiv row-fluid single-project6">
                        <div class="span6">
                            <img src="images/Service3.png" alt="single-project6" />
                        </div>
                        <div class="span6">
                            <div class="project-description6">
                                <div class="project-title clearfix">
                                    <h3>ffffffffffffffff</h3>
                                    <span class="show_hide close">
                                        <i class="icon-cancel"></i>
                                    </span>
                                </div>
                                <div class="project-info">
                                    <div>
                                        &nbsp;
                                    </div>
                                </div>
                                <p>ffffffffffffffffffffffffffffffffff </p>
                            </div>
                        </div>
                    </div>
               </div>
<!-- Ende popup für service3 -->


           </div>       <!-- Schießen div class=container -->
       </div>   <!-- Schließen div id=services -->


<!-- popup für service1 -->


<!--button  reparatur -->

Alles anzeigen

vergleiche das mal mit deinem Code. Ich habe nichts weiter gemacht, als die </div> vom id=services und class=container - die waren irgendwo zwischen den 'Ende popup' und 'Anfang popup' Markierungen - hinter den Container service 3 verschoben.
Ich kann das nicht testen - ist also etwas in den blauen Dunst geschossen!

Nebenbei: In deinem Code sind noch ein paar weitere Fehler (zB mehrfach <a />) , die auch noch alle beseitigt werden müssen!!

michy2010

hallo sailor, erstmal vielen vielen dank,habe den code mal ersetzt und siehe da es funzt,bin so happy,weil ich daran jetzt bestimmt schon 5 stunden verzweifelt versucht habe, den fehler zu finden und nicht mehr weiter wusste, habe schon daran gedacht ein anderes design zu nehmen... DANK DIR NICHT MEHR NÖTIG !!!

ja ich habe diesen POPUP von einer spalte tiefer (portfolio project 1) versucht halt es auf die oberen symbole zu legen, hat ja auch irgendwann funktioniert,leider mit dem fehler den ich nicht mehr ausgebügelt bekam...

habe mir jetzt beide codes mal copiert und schaue mir das morgen nochmal genauer an, heute bin ich wohl zu ausgebrannt um noch was zu verstehen...

vielen vielen dank nochmal !

welche nachteile hätten die </a> ? nur optische fehler im code oder verrutscht mir da wieder was ?

Sailor

Die </a> sind die richtige Schreibweise für das Ende eines Hyperlinks ( <a href="...>Link</a>... was bei dir im Code steht ist '<a/>' und das ist eindeutig falsch und verursacht mit Sicherheit Fehler. Vielleicht noch nicht mal optische, sichtbare Fehler, sondern es verhindert die ordnungsgemäße Funktion der Links auf deiner Seite.

michy2010

ok dann werde ich die suchen und korrigieren, vielen dank

Irgendwie ist der Wurm drin,bitte um hilfe

Tags

Benutzer online in diesem Thema