| Autor | Zpráva | ||
|---|---|---|---|
| frog13 Profil |
Ahoj přátelé, mám velkou prosbu. Už asi tři dny se hrabe v css svého souboru do školy, ale zaboha nemohu najít v čem je problém. Potřebuju do menu v záhlaví dát odrážky. Nastavil jsem je už xkrát, hrál si s marginem a já nevím čím, ale prostě nejsou. Pokud někdo tušíte, kde je problém, budu moc vděčen za brzkou radu. Druhá věc, ale ta je spíš že by se mi to líbilo, než že bych to musel najít. Jak je levé menu odděleno od hlavního okna, líbilo by se mi mít tam bílou svislou čáru, ale když jí tam udělám, celý zbytek webu se hodí dolů. Zkoušel jsem jí dát oboum divům, ale výsledek vždy stejný. Budu moc vděčen za rady. Link na stránku: krysarvonhameln.sweb.cz/kacl.martin.html Díky předem:)
|
||
| Keeehi Profil |
#2 · Zasláno: 25. 5. 2016, 16:24:35
řádek 111
#menu ul {list-style-type:none; margin-top:0px; padding:0px; width:100%;border-bottom-style: solid; border-color:white; border-width:5px;}list-style-type:disc; Pak se odrážky začnou zobrazovat. Je ne problém, že nalevo za okrajem monitoru. Buď je posuneš dovnitř margin-left: 50px; nebo je zobrazíš u textu list-style-position: inside;
Ta bílá čára by se dala řešit třeba pozadím. #main {
background: url(data:image/gif;base64,R0lGODdhBQABAIAAAP///wAAACwAAAAABQABAAACAoRdADs=) repeat-y left top;
} |
||
| Bubák Profil |
Příčinou, proč ti
#main po přidání okraje skočí dolů je, že se nevejde do obalového elementu. Řešením je třebas obrázek na pozadí, třebas viz výše, nebo změnit box-model.
#main {
box-sizing: border-box;
border-left: 5px solid white;
}Příklad menu s CSS rolečky jedním obrázkem Koukni i na qu.wz.cz/webtest/jednoduche-schema-stranky.htm |
||
| frog13 Profil |
#4 · Zasláno: 25. 5. 2016, 17:21:40
Bubák: To s box-modelem nepomohlo. Celý se to zas odsunulo. A zkoušel jsem už i rozšířit body i ten obalovej element a stejně se to rozpadá. Ale to je jedno. Čáru nepotřebuju ke štěstí. Ale ty odrážky jo. Keeehi: Možná jsme se úplně nepochopili, v menu vlevo je nechci, to je v pořádku. Ale v tom mainu vpravo jo. (Malý menu jen s kotvama).
Každopádně děkuju a doufám, že to vyřešíme. Už bych to rád odevzdal:D |
||
| Keeehi Profil |
frog13:
„Ale v tom mainu vpravo jo.“ Aha, no ony tam jsou, jen mají černou barvu na černém pozadí. #main ul {
color: lightskyblue;
}list-style-position: inside;
„To s box-modelem nepomohlo.“ Mělo by. Ale to řešení s pozadím funguje určitě. Pro obrázek se samozřejmě dá použít reálný soubor, není třeba využívat data-url. |
||
| Bubák Profil |
#6 · Zasláno: 25. 5. 2016, 18:02:31
frog13:
„To s box-modelem nepomohlo.“ Tak něco děláš špatně, ukázka, že to funhuje: Web pro milovníky vodních dýmek Odkaz Taky jsem si myslel, že jde o odrážky v hlavním menu. Pokud chceš měnit barvu odrážky při hoveru, tak třebas takto: #main li {
color: lightskyblue;
}
#main li:hover {
color: white;
}Web pro milovníky vodních dýmek Odkaz |
||
| frog13 Profil |
Ahoj, moc vám děkuju, už to vypadá jak má. Odrážky i čára. Super, jste skvělí:) Viz aktuální odkaz krysarvonhameln.sweb.cz/kacl.martin.html Ještě mám poslední dotaz, který bych vyřešil rád. Hlavní levé menu se zobrazuje korektně v chromu, ff i ie, ale když to otevřu v mobilu (nějaká verze chromu), vše funguje, ale pod menu je černo. Prostě nepokračuje tam ten modrý pruh dolů k patičce. Jde toto nějak vyřešit, nebo na to mám kašlat, protože prostě mobily?:D Zkusil jsem vložit automaticky roztahovací div pod menu s pozadím, ale s výškou 100% to zas pokračuje bůhvíkam, a auto nefunguje vůbec.
Ještě jednou děkuju za ochotu a vyřešení předchozího problému. Fakt díky:) |
||
|
Časová prodleva: 9 let
|
|||
0