[ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.04.09
Prihlásený: 20.09.24
Príspevky: 1188
Témy: 198 | 198
NapísalOffline : 04.01.2012 16:29 | nefunguje min-width

Dobrý deň. Mám menu a v ňom vnorené menu.
html:
Kód:
<!DOCTYPE html>

<html lang="sk">
      <head>
            <meta charset="utf-8" />
            <link rel="stylesheet" href="css/basic.css" />
      </head>
      <body>
               <ul id="menu">
                  <li id="Polozka">
                     <ul>
                        <li>Toto je polozka dlhsia nez 100px.</li>
                     </ul>
                  </li>
               </ul>
      </body>
</html>


položka li v hlavnom menu má vlastnosti určené cez id, pretože potrebujem pre každú položku určiť obrázkové pozadie + hover efekt (toto je zjednodušený kód).

css:
Kód:
      ul#menu {
            list-style-type: none;
      }
      
      ul#menu li ul li {
            width: auto;
            min-width: 100px;
            border: 1px solid #000000;
      }
      
      li#Polozka {
            width: 50px;
      }


Tieto kódy majú tento výsledok:
nefunguje min-width

Potrebujem, aby sa položka vnoreného menu roztiahla na potrebnú šírku a nezalamovala riadky pri 100px. Ale zároveň aby mala minimálne 100px, pokiaľ je text položky kratší.

Pokiaľ položku li v hlavnom menu nenaštýlujem pomocou id ale pomocou ul#menu li, tak to funguje. Takže nechápem aký je rozdiel medzi ul#menu li a li#Polozka.

Prosím o pomoc. Ďakujem.


_________________
CPU: Intel core i5 3470 GPU: Gigabyte N760OC-2GD MB: MSI B75A-G43 RAM: DDRAM3 8GB (2x4GB) TEAM RAM 1600MHz Elite Zdroj: Seasonic G Series 450W HDD: 500GB vybraty z notebooku Lenovo E531 i5-3230M N4IBPXS SSD:Samsung 840 Evo 250GB Case: Fractal Define R4 black pearl FAN: Cooler Master Hyper 212+ EVO DVD: SAMSUNG DVD±R/±RW/RAM SH-224DB SATA, černá, bulk OS: Ubuntu 12.04 64bit & Windows 7 Ultimate 64bit Monitor: Dell U2412m
Offline

Čestný člen
Čestný člen
nefunguje min-width

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34 | 34
Bydlisko: Brno
NapísalOffline : 04.01.2012 16:36 | nefunguje min-width

1daemon1 píše:
Pokiaľ položku li v hlavnom menu nenaštýlujem pomocou id ale pomocou ul#menu li, tak to funguje. Takže nechápem aký je rozdiel medzi ul#menu li a li#Polozka.
Zatial som to iba tak preletel, ale ak je toto cely problem, tak je to jasne - pravidlo ul#menu li sa uplatni nielen na #Polozka, ale aj na ten najvnutornejsi element <li>.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 14.04.09
Prihlásený: 20.09.24
Príspevky: 1188
Témy: 198 | 198
Napísal autor témyOffline : 04.01.2012 17:07 | nefunguje min-width

Lenže pre vnútornú položku li som tú hodnotu predsa vynuloval pomocou width: auto; a dalšia vec, že na jakpsatweb píšu, že min-width by malo prebiť width.

Určite sa to bije s width, to mi je jasne, ale nechápem ako to vyriešiť.

edit//
Už to mám, stačí pri li#polozka prepisat width na min-width.

Ale mám ďalší problém s týmto css (html pôvodný):
Kód:
      * { margin: 0; padding: 0; }
      
      ul#menu {
            width: 300px;
            height: 21px;
            list-style-type: none;
            border: 1px solid black;
      }

      ul#menu li {
            position: relative;
            height: 100%;
            float: left;
      }
      
      ul#menu li ul {
            position: absolute;
            left: 0px;
            top: 21px;
            list-style-type: none;
             border: 1px solid #000000;
      }
      
      ul#menu li ul li {
            width: auto;
            min-width: 100px;
      }
      
      li#Polozka {
            min-width: 50px;
      }


problém ako na začiatku. Spôsobuje ho float: left pri ul#menu li, lenže ja to tam potrebujem. Skúšal som nastaviť float none pre ul#menu li ul li ale nepomáha to.

// Vyriešené, stačilo pridať white-space:nowrap; pre ul#menu li ul li


_________________
CPU: Intel core i5 3470 GPU: Gigabyte N760OC-2GD MB: MSI B75A-G43 RAM: DDRAM3 8GB (2x4GB) TEAM RAM 1600MHz Elite Zdroj: Seasonic G Series 450W HDD: 500GB vybraty z notebooku Lenovo E531 i5-3230M N4IBPXS SSD:Samsung 840 Evo 250GB Case: Fractal Define R4 black pearl FAN: Cooler Master Hyper 212+ EVO DVD: SAMSUNG DVD±R/±RW/RAM SH-224DB SATA, černá, bulk OS: Ubuntu 12.04 64bit & Windows 7 Ultimate 64bit Monitor: Dell U2412m
 [ Príspevkov: 3 ] 


nefunguje min-width



Podobné témy

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

chyba - width:100% pri IE6 nefunguje

v Frontend

1

575

18.05.2010 10:47

Merlin_sk

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

K: Extérny HDD min. 250gb , USB kľúč min 8gb

v Bazár

0

407

11.01.2012 2:48

notfake

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

if width

v Backend

2

642

03.05.2009 20:15

mienkofax

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

Full Width Background

v Frontend

3

679

26.07.2015 10:37

Lessik

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

Image width and height BBcode

v CMS

0

717

14.10.2006 15:05

JanoF

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

screen.width pri zmenšenom okne

v Frontend

2

596

25.10.2009 7:54

Unlink

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

[HELP]Image Width and Height

v Backend

4

406

15.04.2014 14:12

TheMark147

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

Element s 100% width, height

v Frontend

2

469

09.03.2014 23:01

majky358

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

window.open() - Chrom ignoruje width a height

v Frontend

0

467

22.11.2011 17:10

camo

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

USB min. 8GB

v Úložné zariadenia

1

375

30.10.2010 23:28

Showman

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

K: Zdroj (min.750w)

v Bazár

7

1919

16.01.2019 19:59

pawiel

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

Free webhosting - min 500MB

v Hosting, servery a domény

1

16377

02.06.2007 12:59

JanoF

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie.

Odpočítavanie každých 5 min.?

v Frontend

1

531

10.01.2010 16:23

Ďuri

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

Overenie min. poctu suborov

v Backend

4

520

29.03.2009 15:45

zaciatocnik

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

K: zdroj min 650W

v Bazár

2

477

02.12.2013 20:52

RS

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

K: nejaky zdroj min 400w

v Bazár

2

405

24.07.2010 12:54

notfake



© 2005 - 2026 PCforum, edited by JanoF