[ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Ako "vyzdvihnúť" jeden div nad druhý

Registrovaný: 01.05.14
Prihlásený: 16.09.19
Príspevky: 152
Témy: 52 | 52
Bydlisko: Dubovce

Zdravím, Potreboval by som pomôcť s div-mi.
Potrebujem "vyzdvihnúť" jeden div nad druhý aby mu neovplyvňovania rozloženie. V jednom div-e mám 2 ďalšie div-i bočné menu a obsah. Potrebujem aby to menu bolo "nad" obsahom aby sa to celé neposúvalo. Snáď ste mňa pochopili.


Offline

Prevádzkovateľ fóra
Prevádzkovateľ fóra
Ako "vyzdvihnúť" jeden div nad druhý

Registrovaný: 01.05.05
Príspevky: 12591
Témy: 1468 | 1468
Bydlisko: Bratislava
NapísalOffline : 13.05.2017 15:38 | Ako "vyzdvihnúť" jeden div nad druhý

Pridaj sem kod, ako takto hadat


_________________
SilverStone SST CS01 | Corsair SF600 600W SFX | ASRock X99E-ITX/ac | Intel Xeon E5-2683 v4 (16 Cores / 32 Threads) & Noctua NH-U9DX i4 | Kingston HyperX Savage 32 GB DDR4 2400 MHz | PNY NVIDIA Quadro K1200 DP 4 GB DDR5 | Intel SSD 750 1.2 TB NVMe & Intel SSD 730 240 GB SATA & Seagate BackUp Plus Portable 20 TB USB | 31.5" 4K LCD EIZO FlexScan EV3237 & 2 x 24" LCD EIZO FlexScan EV2451 | Ergotron LX Wall Mount Keyboard Arm | Logitech Craft | Logitech Wireless G603 | Harman Kardon Sabre SB 35 | Microsoft Windows 7 Ultimate | APC Back-UPS ES 700 | Lenovo ThinkPad X250 - Intel Core i7 5600U, 8 GB DDR3 1600 MHz, Intel HD Graphics 5500, SanDisk SSD 512 GB, 12.5 FHD LED IPS, WWAN 3G 4G LTE, Microsoft Windows 7 Ultimate | iPhone X 256 GB & Pitaka Aramid

Pripravuje sa: Streacom DA2 Mini-ITX | SilverStone Titanium SX800-LTI 800W | ASRock x299E-ITX | Intel Core i9-9980XE (18 Cores / 36 Threads) & be quiet! Dark Rock TF | Kingston HyperX Impact 64 GB DDR4 2666 MHz | NVIDIA Titan RTX 24 GB | Intel SSD Optane 905P 480 GB U.2 & Intel SSD 760p M.2 512 GB & Intel SSD 660p M.2 2 TB
Offline

Užívateľ
Užívateľ
Ako "vyzdvihnúť" jeden div nad druhý

Registrovaný: 01.05.14
Prihlásený: 16.09.19
Príspevky: 152
Témy: 52 | 52
Bydlisko: Dubovce
Napísal autor témyOffline : 13.05.2017 15:53 | Ako "vyzdvihnúť" jeden div nad druhý

Používam bootstrap.
Kód:

<section class="admin" id="admin">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Administrácia</h2>
                    <h3 class="section-subheading text-muted">Ste prihlásený ako <strong><?php echo $login_session; ?></strong></h3>
                    <div class="uprava" id="corobime1" style="display:none;">
                        <ul class="nav nav-pills nav-stacked text-left">
                            <li class="active"><a onclick="showCoRobime1();" href="#corobime1">Článok 1</a></li>
                            <li><a onclick="showCoRobime2();" href="#corobime2">Článok 2</a></li>
                            <li><a onclick="showCoRobime3();" href="#corobime3">Článok 3</a></li>
                        </ul>
                        <form class="form-horizontal" method="post">
                            <h3>Úprava článku - Čo robíme (1)</h3>
                            <input name="nazov" class="form-control col-centered" type="text" value="<?php include 'editor.php'; echo $row['Nazov']; ?>"><br><textarea class="form-control col-centered" rows="5" cols="60" name="text"><?php include 'editor.php'; echo $row['Text'];?></textarea>
                            <button type="submit" class="btn btn-default" name="upravit">Upraviť</button>
                        </form>
                    </div>
                    <div class="uprava" id="corobime2" style="display:none;">
                        <ul class="nav nav-pills nav-stacked text-left">
                            <li><a onclick="showCoRobime1();" href="#corobime1">Článok 1</a></li>
                            <li class="active"><a onclick="showCoRobime2();" href="#corobime2">Článok 2</a></li>
                            <li><a onclick="showCoRobime3();" href="#corobime3">Článok 3</a></li>
                        </ul>
                        <form class="form-horizontal" method="post">
                            <h3>Úprava článku - Čo robíme (2)</h3>
                            <input name="nazov2" class="form-control col-centered" type="text" value="<?php include 'editor2.php'; echo $row['Nazov']; ?>"><br><textarea class="form-control col-centered" rows="5" cols="60" name="text"><?php include 'editor2.php'; echo $row['Text'];?></textarea>
                            <button type="submit" class="btn btn-default" name="upravit2">Upraviť</button>
                        </form>
                    </div>
                    <div class="uprava" id="corobime3" style="display:none;">
                        <ul class="nav nav-pills nav-stacked text-left">
                            <li><a onclick="showCoRobime1();" href="#corobime1">Článok 1</a></li>
                            <li><a onclick="showCoRobime2();" href="#corobime2">Článok 2</a></li>
                            <li class="active"><a onclick="showCoRobime3();" href="#corobime3">Článok 3</a></li>
                        </ul>
                        <form class="form-horizontal" method="post">
                            <h3>Úprava článku - Čo robíme (3)</h3>
                            <input name="nazov3" class="form-control col-centered" type="text" value="<?php include 'editor3.php'; echo $row['Nazov']; ?>"><br><textarea class="form-control col-centered" rows="5" cols="60" name="text"><?php include 'editor3.php'; echo $row['Text'];?></textarea>
                            <button type="submit" class="btn btn-default" name="upravit3">Upraviť</button>
                        </form>
                    </div>
                    <div class="uprava" id="onas" style="display:none;">
                        <form class="form-horizontal" method="post">
                            <h3>Úprava článku - O nás</h3>
                               <textarea class="form-control col-centered" rows="5" cols="60" name="text"><?php include 'editor_onas.php'; echo $row['Text'];?></textarea>
                            <button type="submit" class="btn btn-default" name="upravit4">Upraviť</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- jQuery -->
    <script src="/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/js/bootstrap.min.js"></script>
    <script type='text/javascript'>
        function showCoRobime1() {
            document.getElementById('onas').style.display = "none";
            document.getElementById('corobime2').style.display = "none";
            document.getElementById('corobime3').style.display = "none";
            document.getElementById('corobime1').style.display = "block";
        }
        function showCoRobime2() {
            document.getElementById('onas').style.display = "none";
            document.getElementById('corobime1').style.display = "none";
            document.getElementById('corobime3').style.display = "none";
            document.getElementById('corobime2').style.display = "block";
        }
        function showCoRobime3() {
            document.getElementById('onas').style.display = "none";
            document.getElementById('corobime1').style.display = "none";
            document.getElementById('corobime2').style.display = "none";
            document.getElementById('corobime3').style.display = "block";
        }
        function showOnas() {
            document.getElementById('corobime1').style.display = "none";
            document.getElementById('corobime2').style.display = "none";
            document.getElementById('corobime3').style.display = "none";
            document.getElementById('onas').style.display = "block";
        }
    </script>


// Spojený príspevok Sob 13.05.17 18:07

Vyriešené. Stačilo pridať do css .nav-pills { position: absolute; }


 [ Príspevkov: 3 ] 


Ako "vyzdvihnúť" jeden div nad druhý



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Ako prinútiť jeden div, aby sa ovládal cez druhý div

v JavaScript, VBScript, Ajax

14

357

22.04.2014 9:45

Mego

V tomto fóre nie sú ďalšie neprečítané témy.

Jeden reproduktor hrá hlasnejšie ako druhý

v Zvuk

1

217

15.06.2013 17:43

shiro

V tomto fóre nie sú ďalšie neprečítané témy.

Mám 2 monitory a chcem si dat na jeden ine pozadie ako na druhý

v Monitory, televízory a projektory

5

1421

11.06.2015 21:38

diX

V tomto fóre nie sú ďalšie neprečítané témy.

jeden script blokuje druhy

v JavaScript, VBScript, Ajax

3

393

16.12.2009 12:03

pilná lama glama

V tomto fóre nie sú ďalšie neprečítané témy.

Jeden ide a druhy nejde

v Zvuk

2

294

20.08.2011 10:23

Snipo

V tomto fóre nie sú ďalšie neprečítané témy.

WI-FI - jeden PC funguje, druhy ne

v Siete

0

294

28.04.2008 20:57

natan1

V tomto fóre nie sú ďalšie neprečítané témy.

Dva takmer rovnake kable, jeden ide druhy nie

v Siete

9

357

28.10.2010 13:47

vprint

V tomto fóre nie sú ďalšie neprečítané témy.

2 Monitory jeden na VGA druhy Displayport na MSI R9 270 Gaming 2G

v Monitory, televízory a projektory

3

179

31.07.2016 17:14

kr1sa

V tomto fóre nie sú ďalšie neprečítané témy.

div ako pohybujúce okno

v JavaScript, VBScript, Ajax

1

308

26.10.2009 9:06

SBuster

V tomto fóre nie sú ďalšie neprečítané témy.

AKo zapojit druhy monitor ?

v Monitory, televízory a projektory

3

197

17.12.2014 22:29

Miso122

V tomto fóre nie sú ďalšie neprečítané témy.

Ako pridať druhý harddisk + Linux

v Pevné disky a radiče

4

392

20.06.2011 19:16

gamelaster

V tomto fóre nie sú ďalšie neprečítané témy.

Ako nasilu naformatovat druhy HDD?

v Pevné disky a radiče

8

680

01.05.2009 21:45

tairikuokami

V tomto fóre nie sú ďalšie neprečítané témy.

Ako vymazem druhy operačny system ?

v Operačné systémy Microsoft

8

663

02.03.2009 19:22

dsljohn

V tomto fóre nie sú ďalšie neprečítané témy.

Ako prekryť priehľadným divom iný div

v HTML, XHTML, XML, CSS

1

615

16.01.2012 21:12

Zoly

V tomto fóre nie sú ďalšie neprečítané témy.

Ako roztiahnuť div na celú obrazovku

v HTML, XHTML, XML, CSS

5

436

30.05.2017 13:29

killer

V tomto fóre nie sú ďalšie neprečítané témy.

Ako spojiť vačší počet DIV-ou

v HTML, XHTML, XML, CSS

4

331

09.07.2011 11:57

devil669



© 2005 - 2019 PCforum, edited by JanoF