Dvě pozadí

Mám pomocí CSS nastaveno pozadí (je to barevný roh):

body {
color: white;
font-family: Helvetica;
background: #0C7467;
background-image: url(pozadi.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

A potřebuju ještě jedno pozadí (barevný roh) na "left top". Jak to udělat, do body to napsat nemůžu (zobrazí se jen jedno) a když udělám např. "#roh" a do index.php dám <div id="roh"> tak se to zobrazí jenom pod textem. jak to udělat aby to bylo i bez textu?

/me tvrdi ze dva obrazky na jedno pozadi dat nejdou.

Takže to nepůjde?

určitě jo.. ale ne v jednom pozadí

A jak udělat dvě pozadí?

normálně vlož dva objekty.. ne?

dělá se to ostylováním elementů div a jejich následným pozicováním

studuj CSS na www.jakpsatweb.cz

dá se to pochopist i z css.interval.cz ;-)

1) do HTML primo za BODY umistis:

<img src='obrazek.jpg' class='mujobr' width="120" height="200" alt="muj obrázek" />

2) a do CSS:

/* */
img.mujobr {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
/* */

Tak tohle bych nedělal... mělo by to mít taky svou logiku... do body vlož div a urlo toho obrázku vepiš do stylopisu jako

background-image: url('jmeno.jpg');

samozrejme to pak bude div.mujobr

Nevim, co je na mem reseni nelogickeho. Pro me je to proste obrazek, tedy IMG. Neni to v zadnem pripade pozadi.

No, mám pocit, že když pozicuju "design", tak bych na něm rád měl nějaký obsah. Pozicovat tag img, jako jde to, špatně to není, ale neudělal bych to :-)

Já to dělám takto:

#wrapper {
width: 1024px;
margin: 0px auto 0px auto;
background-color: transparent;
}

#wrapper-1 {
width: 100%;
background: url('right.gif') 0% 10px no-repeat;
background-color: transparent;
}

#wrapper-2 {
width: 100%;
background: url('left.gif') 100% 10px no-repeat;
background-color: transparent;
}

<div id="wrapper">
<div id="wrapper-1">
<div id="wrapper-2">
obsah
</div>
</div>
</div>

← 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

Dvě pozadí

Nové příspěvky