Autor Zpráva
Figr
Profil *
Předem se omlouvám, že jsem začátečník, tak na mě budete muset asi trochu polopaticky :) A ignorujte hrozivé barvy, budou úplně jiné.

Chtěla bych poprosit o radu. Chtěla bych udělat levé menu zhruba jako je na stránkách http://sauny.cr/. Čímž mám na mysli, aby v pozadí jednotlivých odkazů byl obrázek tlačítka. Ale nějak se mi nedaří. Svůj výtvor jsem dala sem: http://figr.wz.cz/. Jednotky bych (pokud to nebude nemožné) chtěla zachovat v ex. A teď co mi nejde:

1) Lze nějak zmenšit obrázek tlačítka (pomocí css), aby odpovídal výšce textu? (z tlačítka se mi zobrazuje jen levá horní část, celé tlačítko je takhle veliké: http://figr.wz.cz/tlac.gif)

2) Proč mi v Opeře nefunguje odstranění odrážek použitím list-style-type:none;? Lze to jinak?

3) Jak udělat, aby písmo bylo na středu obrázku, teď se mi ukazuje nad písmem menší část obrázku než pod ním.

Díky všem, co nad tím stráví svůj čas :)
Figr
Profil *
Ještě odkaz na styly: http://figr.wz.cz/styly.css
Taurus
Profil
Obrázek bohužel nezmenšíš, jedině v html, ale to zase nedoporučuju. Zmenši si ho předem a na pevno.
list-style-type je pro li, nedávej to třídě.
Písmo na výšku můžeš upravit např. pomocí line-height nebo paddingu, ...
Bubák
Profil
1. pomocí CSS vlastnosti background-size, ale málokterý prohlížeč to poporuje
Standardní řešení je deklarovat velikost tlačítka v pixelech a k tomu mít obrázek tlačítka odpovídající velikosti.

2. Odrážky máš ve všech prohlížečích, pokud dáš DIVu #leve_menu jiné pozadí, než černé, tak odrážky uvidíš. Odrážky nemají odkazy, ale položky seznamu <li>, proto musíš "berodrážkovost" deklarovat seznamu <ul>, nebo položkám <li>

3. Položka menu má stejnou velikost, jako obrázek, viz výše a line-leight ná stejnou hodnotu, jako height.

Třída "menu je zbytečná, z HTML ji vymaž a v CSS odkazy zaměříš kontextem:
#leve_menu a


Koukni na http://teststranek.kvalitne.cz/menu5/
Figr
Profil *
Moc děkuju, i za tu radu s přebytečnými třídami a za odkaz.

Jestli budete tak hodní, tak mám ještě nějaké dotazy ohledně pozicování divů.


1) Nemůžu přijít na to, proč div "nadpis" není vedle obrázku, ale zařadil se pod něj.

2) Proč div "vseobalujici" neorámuje všechny ostatní (divy "hlavicka" + "telo"), ale je smrsklý jen nad ně do úzkého proužku.

3) Jak vycentruju všechno (čili div "vseobalujici", až bude správně veliký) do středu stránky. Všude jsem našla jen že přidám tělu atribut text-align:center, ale něco dělám špatně, protože to nefunguje.
panther
Profil
Figr:
1) Nemůžu přijít na to, proč div "nadpis" není vedle obrázku, ale zařadil se pod něj.
kód jsem nezkoumal, ale nadpis v divu? Obojí je blokové, má to šířku 100% a vedle něčeho se to jednoduše nevejde.

2) Proč div "vseobalujici" neorámuje všechny ostatní (divy "hlavicka" + "telo"), ale je smrsklý jen nad ně do úzkého proužku.
tipuji absentující cleaner.

3) Jak vycentruju všechno (čili div "vseobalujici", až bude správně veliký) do středu stránky. Všude jsem našla jen že přidám tělu atribut text-align:center, ale něco dělám špatně, protože to nefunguje.
všude? Tomu nevěřím. Ano, je to jedna část centrování (pro IE), ostatní centrují margin: auto;
Figr
Profil *
Díky, díky, díky!

Ad. 1) Ten "nadpis" asi není vhodný název, je tím myšlený název celých stránek, který bude na všech stránkách stejný (např. Pěstování květin).
Jen mi ještě není jasné, proč má teď tenhle div "nadpis" větší výšku než div "obrazek", když mají oba nastavenou stejnou height: 150px;.
omega-psi.unas.cz
Profil *
dobrý den mám tu problém nevím jak dát vedle menu to co píšu(obsah) myslíte žebyste mi mohly pomoct??
habendorf
Profil
omega-psi.unas.cz:

Pokud si založíš odpovídající vlákno a zeptáš se nějak srozumitelně, snad se tu najdou nějaké kodérky, které pomohou.
omega-psi.unas.cz
Profil *
chci obsach který napíšu mít vedle svého menu takto <b>menu</b> <b>obsah</b> děkuji za odpověd
pavuk
Profil
omega-psi.unas.cz:
chci obsach který napíšu mít vedle svého menu takto <b>menu</b> <b>obsah</b> děkuji za odpověd

Pokud si založíš odpovídající vlákno a zeptáš se nějak srozumitelně, snad se tu najdou nějaké kodérky, které pomohou.“ Omlouvám se Habendorfovi za krádež písmen
Petr ZZZ
Profil
omega-psi.unas.cz:
Nastuduj si CSS-vlastnost float - JPW a Jak funguje float a clear - Pixy. A založ si příště na vlastní dotaz vlastní vlákno (viz habendorf a pavuk).

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0