Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Přesahující pozadí menu

HTML a CSS HTML a CSS Přesahující pozadí menu American English version English version

Aktivity (1)
Avatar
Paldo
Člen
Avatar
Paldo:16.7.2013 15:09

ZDravím, rád bych jako pozadí nadspisů v menu použil způsob (viz. na obrázku). (vytvářím na sunlightu).

Momentálně se mi pozadí neroztáhne přes sidebar, aby přesahoval tak, jak potřebuji -> jak toho docílit? :-)

Děkuji

 
Odpovědět 16.7.2013 15:09
Avatar
tomasf16
Redaktor
Avatar
tomasf16:16.7.2013 18:02

Když budu uvažovat obrázek co jsi vložil, tak element ve kterém jsou v tomto případě zřejmě odkazy (obsah) bude mít nějakou šířku, takže:

např:
#menu- width: 200 px; display: block
h2 - width: 220px; ( nebo můžeš použít width: 100%; padding-right: 20px ), způsobů je víc

jinak na ten "zobáček" na pozadí bych dělal pomocí obrázku na pozadí elementu

 
Nahoru Odpovědět 16.7.2013 18:02
Avatar
Paldo
Člen
Avatar
Paldo:16.7.2013 18:28

No jde mi právě o ten zobáček (šablonu momentálně vytvářím v Sunlightu) -
základ menu již máme (viz. obrázek), jenom mě trápí ten zobáček :/

 
Nahoru Odpovědět 16.7.2013 18:28
Avatar
tomasf16
Redaktor
Avatar
tomasf16:16.7.2013 19:46

V sunlightu jsem nikdy nedělal a nevím jaké tam jsou možnosti úpravy css.

Ale jak už jsem psal, co vím tak se ten "zobák" dělá přes obrázek.

v rychlosti jsem něco v podobným smyslu vytvořil a nahrál to na ulozto:
http://ulozto.cz/…lic-html-zip
heslo: zobak

snad ti to trochu pomůže

Editováno 16.7.2013 19:46
 
Nahoru Odpovědět 16.7.2013 19:46
Avatar
tomasf16
Redaktor
Avatar
tomasf16:16.7.2013 19:48

náhled:

 
Nahoru Odpovědět 16.7.2013 19:48
Avatar
Paldo
Člen
Avatar
Paldo:16.7.2013 20:02

Díky moc :-) Bohužel, i když jsem se to snažil poupravit, prostě mi to nechce vzít... Ale aspoň už vím jak na to :-)

 
Nahoru Odpovědět 16.7.2013 20:02
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.