Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ 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
Bydlisko: Dubovce
Príspevok NapísalOffline : 13.05.2017 15:29

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: 13348
Témy: 1496
Bydlisko: Bratislava
Príspevok NapísalOffline : 13.05.2017 15:38

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 & 24" LCD EIZO FlexScan EV2451 | Ergotron LX Wall Mount Keyboard Arm | Logitech Craft | Logitech G603 | Logitech F710 | Harman Kardon Sabre SB 35 & Sennheiser RS 175 | Microsoft Windows 7 Ultimate | APC Back-UPS ES 700 | Lenovo ThinkPad X250 | iPhone X 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 Server
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
Bydlisko: Dubovce
Príspevok Napísal autor témyOffline : 13.05.2017 15:53

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; }


Odpovedať na tému [ Príspevkov: 3 ] 


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

630

22.04.2014 9:45

Mego Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Jeden reproduktor hrá hlasnejšie ako druhý

v Zvuk

1

429

15.06.2013 17:43

shiro Zobrazenie posledných príspevkov

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

2330

11.06.2015 21:38

diX Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

3

589

16.12.2009 12:03

pilná lama glama Zobrazenie posledných príspevkov

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

v Zvuk

2

487

20.08.2011 10:23

Snipo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. WI-FI - jeden PC funguje, druhy ne

v Siete

0

593

28.04.2008 20:57

natan1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Dva takmer rovnake kable, jeden ide druhy nie

v Siete

9

550

28.10.2010 13:47

vprint Zobrazenie posledných príspevkov

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

368

31.07.2016 17:14

kr1sa Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

1

446

26.10.2009 9:06

SBuster Zobrazenie posledných príspevkov

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

v Monitory, televízory a projektory

3

412

17.12.2014 22:29

Miso122 Zobrazenie posledných príspevkov

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

792

16.01.2012 21:12

Zoly Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako roztiahnuť div na celú obrazovku

v HTML, XHTML, XML, CSS

5

944

30.05.2017 13:29

killer Zobrazenie posledných príspevkov

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

566

09.07.2011 11:57

devil669 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako pridať druhý harddisk + Linux

v Pevné disky a radiče

4

646

20.06.2011 19:16

gamelaster Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako nasilu naformatovat druhy HDD?

v Pevné disky a radiče

8

973

01.05.2009 21:45

tairikuokami Zobrazenie posledných príspevkov

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

843

02.03.2009 19:22

dsljohn Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  
cron

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra