| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
Registrovaný: 01.05.14 Prihlásený: 07.11.19 Príspevky: 152 Témy: 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.
|
|
Registrovaný: 01.05.05 Príspevky: 13348 Témy: 1496 Bydlisko: Bratislava | Napísal JanoF: 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 |
|
Registrovaný: 01.05.14 Prihlásený: 07.11.19 Príspevky: 152 Témy: 52 Bydlisko: Dubovce | Napísal autor témy GamerSK: 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:07Vyriešené. Stačilo pridať do css .nav-pills { position: absolute; }
|
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Ako prinútiť jeden div, aby sa ovládal cez druhý div v JavaScript, VBScript, Ajax | 14 | 630 | 22.04.2014 9:45 Mego | | Jeden reproduktor hrá hlasnejšie ako druhý v Zvuk | 1 | 429 | 15.06.2013 17:43 shiro | | 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 | | jeden script blokuje druhy v JavaScript, VBScript, Ajax | 3 | 589 | 16.12.2009 12:03 pilná lama glama | | Jeden ide a druhy nejde v Zvuk | 2 | 487 | 20.08.2011 10:23 Snipo | | WI-FI - jeden PC funguje, druhy ne v Siete | 0 | 593 | 28.04.2008 20:57 natan1 | | Dva takmer rovnake kable, jeden ide druhy nie v Siete | 9 | 550 | 28.10.2010 13:47 vprint | | 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 | | div ako pohybujúce okno v JavaScript, VBScript, Ajax | 1 | 446 | 26.10.2009 9:06 SBuster | | AKo zapojit druhy monitor ? v Monitory, televízory a projektory | 3 | 412 | 17.12.2014 22:29 Miso122 | | Ako prekryť priehľadným divom iný div v HTML, XHTML, XML, CSS | 1 | 792 | 16.01.2012 21:12 Zoly | | Ako roztiahnuť div na celú obrazovku v HTML, XHTML, XML, CSS | 5 | 944 | 30.05.2017 13:29 killer | | Ako spojiť vačší počet DIV-ou v HTML, XHTML, XML, CSS | 4 | 566 | 09.07.2011 11:57 devil669 | | Ako pridať druhý harddisk + Linux v Pevné disky a radiče | 4 | 646 | 20.06.2011 19:16 gamelaster | | Ako nasilu naformatovat druhy HDD? v Pevné disky a radiče | 8 | 973 | 01.05.2009 21:45 tairikuokami | | Ako vymazem druhy operačny system ? v Operačné systémy Microsoft | 8 | 843 | 02.03.2009 19:22 dsljohn |
| 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
|
|