[CSS] Posunutí loga.

Co třeba:

margin-top: 10px;

To mi posunulo nahoru... Když to dám do mínusu tak mi to to neposune logo ale menu.
Zkoušel jsem

margin-bottom: 10px;

Bez významu, jako kdyby to neexistovalo.

Chtělo by to kompletní HTML i CSS kód.

gameboost.frelania.eu
CSS vytáhneš.

background-position: 0 10px;

background-position: 0 10px;

Děkuju, funguje to!

Omlouvám se za reakci, a za příspěvek do příspěvku který je již označen jako vyřešený.
Příjde mi zbytečné kvůli tomuhle zakládat další téma.

background: #2B7DB1 url('images/logo.png') no-repeat fixed;

Je možné dotoho dosadit 2 obrázky ?
Když jsem zkusil:

background: #2B7DB1 url('images/pageglare.png') no-repeat fixed;
background-image: #2B7DB1 url('www.euraxess.cz/images_raw/facebook.png') no-repeat fixed;

Tak ten druhý obrázek není vidět.

Ak ti stačí podpora len v moderných prehliadačoch (IE9+), tak v CSS3 môžeš definovať viacero obrázkov:

background-image: url('images/pageglare.png'), url('www.euraxess.cz/images_raw/facebook.png');

Viac napr. na Google: Multiple Backgrounds with CSS3

Přidal jsem nad main 'obrazky'.

<div id="obrazky">
<div id="art-main">

v CSS:

#art-main
{
   background: #2B7DB1;
   background-position: 0 100px;
   background-attachment: fixed, fixed !important;
   margin:0 auto;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
#obrazky
{
   background-image: url('images/pageglare.png') no-repeat fixed,url('www.euraxess.cz/images_raw/facebook.png') no-repeat fixed;
}

Ale ty obrázky nevidím, jak je to možné ?
gameboost.frelania.eu

Tak dej jeden jako pozadí a druhý normálně v toku dokumentu ne?

Pozadí je: #2B7DB1
Jde o to že já tam musim dát logo, a sponzory. Když to dám v toku tak budu muset vytvořit další ID a tam to posouvat.
Nejsem si jistej jestli neplácám nesmysle, jestli ne tak to tak udělám.

v Toku =? - <img src='' id='obr1'> </img> ?

neexistuje src="id..., ale <img id="neco" src="obrazek.gif>.
Nastuduj si, co to je ID prvku a k čemu slouží. Žádné ID nepotřebuješ.
css-tridy-class.html

ID do CSS, jinak ho nebudu moci v CSS používat. To snad říkám dobře ne ?

Dejme tomu že jsem obrázek dostal na dobré místo:
gameboost.frelania.eu ,, ale směrem do prava mi to udělalo mezeru (podle velikosti obrázku)
Jak to mam tedy teď řešit ?

* Float:left vyřešeno

Nemělo by být to šedé víc dole, aby bylo to logo vidět (Opera 12.14)?

logo má být na straně, v full hd rozlišení tam je vidět krásně.

Nevím, co je full hd rozlišení. Já mám 1600x900.

Teď jsem na to juknul ve Firefoxu a mám to stejné jako v Opeře. Možná by stačilo, dát tomu šedému šířku na procenta, nebo levý margin (nestudoval jsem to).

Nebo dát tomu šedému clear: both, aby se to načetlo až pod logem, které je obtékané.

No, zkoušel jsem levý margin, ( to dopadlo špatně ) Řešit rozlišení mě napadá pouze přes javascript.
Ale jak udělat aby to zapnulo v CSS určitou funkci (podle rozlišení) to už nevím jak udělat.

Dej šedému clear: both, rozlišení bude fuk. Zkrátka se to šedé vykreslí vždy pod logem, ať je rozlišení jakékoli.

Google: responsive web design

Vlastnosť background-image má obsahovať iba URL adresy obrázkov. Ostatné hodnoty patria do background-repeat, background-attachment a pod. Alebo do background.

V každom prehliadači je nejaký inšpektor, ktorý ti umožní zobraziť, aké vlastnosti sa použili, takže by si napr. pri tom background-image uvidel výkričník, že je definovaná nesprávne.

Keď už tam máš dva obaľujúce divy, tak ti stačí dať jeden background-image do jedného divu a druhý do druhého - to bude fungovať aj v starších prehliadačoch.