Diskuze: Změna barvy v h1

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

mat.masar

Člen

mat.masar:20.10.2014 20:24

Ahoj, nevíte někdo jestli se dá nějak změnit barva části nadpisu h1? (V h1 mám 2 nadpisy a jeden bych chtěl bíle a druhý červeně) Poradil by mi někdo prosím?

Odpovědět

20.10.2014 20:24

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:20.10.2014 20:36

Jednoducho cez CSS.
HTML:

<h1 class="cerveny">Nadpis</h1>
<h1 class="biely">Nadpis</h1>

CSS:

h1.cerveny {
    color: red;
}
h1.biely {
    color: white;
}

Ale viacero h1 nadpisov by sa nemalo pouzivat na jednej stranke.

Editováno 20.10.2014 20:37

Nahoru Odpovědět

20.10.2014 20:36

Neaktivní uživatelský účet

Richard

Člen

Richard:20.10.2014 20:37

To mu udělá ale dva různý nadpisy ne? Pokud jsem to pochopil správně, chce dosáhnout toho že v jednom nadpisu bude třeba jedno slovo černě a druhé červeně, chápu to správně?

Nahoru Odpovědět

20.10.2014 20:37

$action = $_GET['Life']; | Když dáš mínus, napiš proč!

Zdeněk Pavlátka

Tvůrce

Zdeněk Pavlátka:20.10.2014 20:43

<h1><span style="color: red">Červeně</span> <span style="color: blue">Modře</span></h1>

nebo lépe

// CSS
.red{
    color: red;
}
.blue{
    color: blue;
}
// HTML
<h1><span class="red">Červeně</span> <span class="blue">Modře</span></h1>

Nahoru Odpovědět

20.10.2014 20:43

Kolik jazyků umíš, tolikrát jsi programátor.

mat.masar

Člen

mat.masar:23.10.2014 18:11

Lamka a Zdenku, zkoušel jsem to od obou ale nějak mi to nefungovalo. Udělal jsem to teda tak, že jsem dal jedno nadpisem h2. Ale s tím se naskytl problém. Potřebuji text posunout nahoru(minikoblížky) ale nevím jak. Zkoušel jsem vertical-align: top ale nic. Udělal jsem to zatím jen u záložky o nás. Přikládám odkaz pro lepší představu http://www.minikoblizky.ic.cz/onas.html . A richarde pochopil jsi to špatně

Nahoru Odpovědět

23.10.2014 18:11

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:23.10.2014 18:16

#logo h2 {
  margin: 11px 0 0 63px; // 11px shora a 63px zprava
  // Původní margin (odsazení) byl přibližně 26px shora a 0 zprava
}

Nahoru Odpovědět

23.10.2014 18:16

Neaktivní uživatelský účet

mat.masar

Člen

mat.masar:23.10.2014 18:27

Dal jsem to tam a nic se neprojevuje . Netušíš kde může být chyba?

Nahoru Odpovědět

23.10.2014 18:27

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:23.10.2014 18:44

Dej sem uryvek html kde máš ten nadpis, a uryvek css kde styluješ ten nadpis.
Jinak se opravdu nikdo nedozvi v čem máš chybu

Nahoru Odpovědět

23.10.2014 18:44

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:23.10.2014 18:58

Nevšiml jsem si toho odkazu, ale stejně lepši je přidat úryvek kódu než aby se v tom každý musel hrabat.

Nevím proč ten nadpis chceš dávat výš mě se zobrazuje uprostřed, jen na něj se nacpalo menu, takže není půlka vidět.
To opravíš tím že přidáš

float:left;

Nahoru Odpovědět

23.10.2014 18:58

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:23.10.2014 19:02

Mimochodem, který nadpis máš namysli, ten vlevo nahoře, nebo ten červený uprostřed? Jinak, zkus na ten nadpis kliknout pravým a dát revize prvku, zkontrolovat prvek (=u chromu), nebo něco takového a pohrát si tam s tím, to je nejjednodušší možnost.

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

23.10.2014 19:02

Neaktivní uživatelský účet

mat.masar

Člen

mat.masar:23.10.2014 19:17

Aha no tak asi máš jiný prohlížeč(mám chrom). Stáhnu ještě jiný a zkusím to.

Nahoru Odpovědět

23.10.2014 19:17

mat.masar

Člen

mat.masar:23.10.2014 19:57

Kam mám přesně vložit tvoji radu(float:left;)
header {
height: 73px;
position: fixed;
top: 0px;
background: url('fotky/pozadi_sede.png');
width: 100%;
margin-top: 24px;
float: left;
}
Ale nic to nedělá. Možná že u tebe něco jo.

Editováno 23.10.2014 19:57

Nahoru Odpovědět

23.10.2014 19:57

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:23.10.2014 21:28

nav ul {
margin: 0px;
list-style-type: none;
float: left;
}

Používám Chrome, a furt tam leze to menu na ty kolížky
Tak zkus do toho ul přidýt float:left; pak by to mělo být ok, aspoň to funguje podle "Developer Tool"

Editováno 23.10.2014 21:30

Nahoru Odpovědět

23.10.2014 21:28

Neaktivní uživatelský účet

mat.masar

Člen

mat.masar:24.10.2014 16:15

Jop funguje to, díky

Nahoru Odpovědět

24.10.2014 16:15

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 14 zpráv z 14.