[ Príspevkov: 3 ] 
AutorSpráva
Offline

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

Registrovaný: 01.05.14
Prihlásený: 07.11.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: 13435
Témy: 1495 | 1495
Bydlisko: Bratislava
NapísalOffline : 13.05.2017 15:38 | Ako "vyzdvihnúť" jeden div nad druhý

Pridaj sem kod, ako takto hadat


_________________
Streacom DA2 | SilverStone Titanium SX800-LTI 800W | ASRock X299E-ITX/ac | Intel Core i9-9980XE & be quiet! Dark Rock TF | Kingston HyperX Impact 64 GB DDR4 2666 MHz | NVIDIA Titan RTX 24 GB | Intel SSD Optane 905P 480 GB NVMe U.2 & Intel SSD 750 1,2 TB NVMe U.2 & Intel SSD 660p 2 TB NVMe M.2 & Seagate BackUp Plus Portable 56 TB USB | 55" 4K OLED Dell Alienware AW5520QF | Ergotron LX Wall Mount Keyboard Arm | Logitech Craft | Logitech G603 | Logitech F710 | Harman Kardon Sabre SB 35 & Sennheiser RS 175 | Microsoft Windows 11 Enterprise | APC Back-UPS BE-850 VA | Lenovo ThinkPad X250 & Microsoft Windows 11 Professional | iPhone 15 Pro 256 GB & Pitaka Aramid | SilverStone ML05B Milo | Corsair SF600 SFX 600W | ASRock X99E-ITX/ac | Intel Xeon E5-2683 v4 & NOCTUA NH-L12S | Kingston HyperX Savage 32 GB DDR4 2400 MHz | NVIDIA GeForce GT 710 1 GB | Intel SSD Optane Memory 32 GB NVMe M.2 & Intel SSD 730 240 GB SATA | Ubuntu 24.04.1 LTS
Offline

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

Registrovaný: 01.05.14
Prihlásený: 07.11.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

679

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

485

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

2519

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

634

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

547

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

635

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

596

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

410

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

479

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

465

17.12.2014 22:29

Miso122

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

662

09.07.2011 11:57

devil669

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

832

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

993

30.05.2017 13:29

killer

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

891

02.03.2009 19:22

dsljohn

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

Ako pridať druhý harddisk + Linux

v Pevné disky a radiče

4

693

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

1040

01.05.2009 21:45

tairikuokami



© 2005 - 2025 PCforum, edited by JanoF