Podbarvení/vzhed

1. Chtěl bych se zeptat, jak udělám to, aby byl černě podbarveý jen jeden div.
Ač jsem to zkoušel asi na 100 způsobů, prostě to nešlo.Přečetl jsem JPW, ale tam jsem našel pouze jak nastavit podbarvení všech divů.
Otázka tedy zní:
Jak udělám podbarvení pouze jednoho divu, aby ostatí byly průhledné.

Poznámka: Myslím si že je to právě kvůli podbarvení všech divů tahle chyba: http://worldmp3.xf.cz/mp3_2.html (nahoře pod logem ta černá čára, nemohu se jí zbavit)
A pokud to není tím, tak čím?:-)

2. Jak se vám líbí vzhled.Ale nemusí te mi říkat ně co jako "javascriptové hovery" nebo co, apod.Stejně tomu nerozumím.Znám úplné základy html.

PS: Je to asi trochuu zmatené, ale snad pochopitelné :-D

Ad 1: zjenodušeně takto (jestli to dobře chápu):
css: div.podbarveny {background-color: black;}
html: <div class="podbarveny">text</div>
Více na http://www.jakpsatweb.cz/css/css-tridy-class.html.

Ad2:blbě se mi čte ten modrý text na černém pozadí, chtělo by to víc kontrastu.

Ad3: doporučuju nahrát index.html a taky nikde nevidím reklamu.

Díky.Už jsem tam dal ten class a vypadá to takhle:

<DIV style="position:absolute;left:6px;top:0px;width:802px;height:353px;z-index:0" align="left" class="background-color: black;">
nejaky text
</DIV>

Ale nic to nedělá.Co mám špatně?

Už vim v čem mám chbu a taky už vim jak to udělat a pochopil jsem to, ale za se nevim kam vložit to css.Prostě mi to zase nejde.

To je špatně. Zkus to takhle:
<DIV style="position:absolute;left:6px;top:0px;width:802px;height:353px;z-index:0;background-color: black" align="left">
nejaky text
</DIV>

Ale zdá se mi, že jsi css zatím extra nepochopil. Ty dva řádky, co jsem ti napsala, nelze spojovat. Jedno napíšeš do css a druhý do html kódu a teprve tímto spojení dojde k podbarvení.

Ve zdroji stránky máš
<STYLE type="text/css">
div#container
{
width: 823px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
</STYLE>

To jsou styly, můžeš si tam připsat libovolně další, třeba to
div.podbarveny {background-color: black;}
Ale lepší jsou styly udělat externě, není to těžké, ba naopak. Koukni na http://www.jakpsatweb.cz/css/css-prakticky.html#externi.

jj.Díky moc.Už se mi to povedlo udělat. Bůh ti to zaplať :-D
Jinak tamto byl takový výpadek to s tim css...
Neříkám teda že ho chápu nějak že bych ho mohl klidně psát apod, ale vim o čem to je a taky k čemu to je dobrý, jenže s tím ještě nedokážu pracovat...

...ale rozhodně se to budu snažit naučit :-)
Fakt díky moc

Nz. ;-)

Tak asi začnu používat externí stylopisy.

BTW: Můžu si v tom externim css ( soubor.css) nastavit třeba cesty k obrázku, pozice obrázků apodobně?Abych při změně vzhledu pouze změnil css? HTML by vlastně byl jen obsah, kda by byl jen text.

BINGO! Přesně k tomu CSS je. Oddělit obsah a vzhled. Blahopřeji k takovému závěru.

Nemuzu si nerypnout:
- thalia: "... není to těžké, ba naopak...." -> je to tezke. ;-)

2MzM: rýpej si jak chceš, ale já s tebou nesouhlasím. ;-)

Mám ještě jednu otázku.Na tý stránce už používám to externí css.Udělal jsem to tak že do html kódu stránky jsem dal <link rel=.....> a vyjmul jsem <style>obsah</style>.Potom jsem vytvořil zaklad.css a tam jsem zkopíroval to <style>obsah</style> a uložil.Potom mě napadlo zkusit si udělat zelený pozadí u něčeho. A tak jsem to udělal takhle:

externí css:
<style>
div#container
{
width: 823px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}
div.podbarveny {background-color: green;}
</style>

Potom jsem do kódu html dal class a vypadá takhle
<DIV
style="position:absolute;left:6px;top:0px;width:802px;height:353px;z-index:0;" align="left" class="podbarveny">
</DIV>

Ale nic to nedělá.Kde jsem udělal chybu?Díky

Kód jsem nezkoumal, ale externí css se cachuje. Vždy po změně css souboru dej v prohlížeči Ctrl+F5 pro vymazání cache.

<BODY bgcolor="#000000" text="#000000" link="#000000" <p style="background-image: url('http://worldmp3.xf.cz/images/pozadi.gif');
background-repeat: repeat-x; background-attachment: fixed;">

Proboha napište mi někdo proč mi pozadí pořád roluje.Zkusil jsem všechny možnosti.Nejdřív jsem to měl takhle zapsaný a nádherně to fungovalo.A najednou to přestalo fungovat tak jsem přidal background-attachment: fixed; a stejně nic.Pořád mi to zas... pozadí roluje.

Jdu si hodit mašli...:-D

Co tam dělá to <p ?
<BODY bgcolor="#000000" text="#000000" link="#000000" style="background-image: url('http://worldmp3.xf.cz/images/pozadi.gif');
background-repeat: repeat-x; background-attachment: fixed;">
A nebylo by lepší tohle všechno dát do externího css?
body {background-color: black; color: black; background-image: url('http://worldmp3.xf.cz/images/pozadi.gif');
background-repeat: repeat-x; background-attachment: fixed; }
atd.

Ale mě ten externí stylopis nefunguje.Když tam dám to co si mi napsala tak se nic nestane.A nechápu co dává pozadí příkaz rolovat.Prostě ať dělám cokoli.Nemůžu to zastavit.
ex. stylopis je:

body {background-color: black; color: black; background-image: url('http://worldmp3.xf.cz/images/pozadi.gif');
background-repeat: repeat-x; background-attachment: fixed; }
div#container
{
width: 823px;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body
{
text-align: center;
margin: 0;
}

A v html mám:
<link rel="stylesheet" type="text/css" href="http://worldmp3.xf.cz/zaklad.css">

Zkoušel jsem různé kombinace, ale prostě mi nic nefunguje.

Můžeš mi napsat adresu stránky, na které to zkoušíš?

html: http://worldmp3.xf.cz/mp3.html
css: http://worldmp3.xf.cz/zaklad.css

Mně to pozadí neroluje ;-). Zkus stránku načíst pomocí CTRL+F5, asi je v cachi ještě starý css.

To u ž jsem taky zkoušel asi 1000.Teď jsem to zkusil otevřít v Opeře i v Mozille, ale stejně roluje...

Tak nevim..., ještě zkusim resetnout comp

Koukám ještě na zdroják a díky tomu, že vlastnosti pro body už definuješ v css, tak v html nech už jen čistě <body>.

<BODY bgcolor="#000000" text="#000000" link="#000000" <p style="background-image: url('http://worldmp3.xf.cz/images/pozadi.gif');
background-repeat: repeat-x; background-attachment: fixed;">

sprav na

<body>

Hotovo, ale i tak mi pozadí jezdí s monitorem...pořád roluje...chjo....

Teď jsem to zkusil i na druhém počítači a taky roluje...

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

Podbarvení/vzhed

Nové příspěvky