Autor Zpráva
JonnyN22
Profil
V souboru pozadi.css mám toto:
body {  background-color: blue;
}

.vrsek   {
	background-image: url(pozadi.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.leva   {
	background-image: url(pozadi.png);
	background-repeat: repeat-y;
	background-position: left top;
}

.prava   {
	background-image: url(pozadi.png);
	background-repeat: repeat-y;
	background-position: right top;
}

.spodek   {
	background-image: url(pozadi.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

A na stránce se zobrazí jen modré pozadí :(
Jak to mám udělat aby to fungovalo (má vzniknout "ohrádka" kolem celé stránky)?

Moderátor Chamurappi: Titulek „Začátek v css“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
Matty
Profil
JonnyN22:
Chybí ti koncová závorka pro body:
body {  background-color: blue; }
Bubák
Profil
Má stránka nějaký obsah, který je možné ohraničit?
JonnyN22
Profil
Matty:
Chybí ti koncová závorka pro body:
-> Opraveno, díky

Bubák:
Má stránka nějaký obsah, který je možné ohraničit?
-> Tak má ale né vždy, chtěl bych to přes css...
RockFire
Profil
Musíš někde definovat ty třídy, resp. někde v HTML dokumentu. Pošlu odkaz na živou ukázku.
JonnyN22
Profil
Jen aby jste věděly jak to vlastně myslím (Obrázek)
Kraje jsem trochu přepísk :(

Ocením každou radu...
Pavel_88
Profil *
jinak mozna uspornejsi bude:
background:#ffffff url(pozadi.png) repeat-x left bottom;

#ffffff bude barva, ktera se zobrazi na mistech kde neni pozadi obrazek, nebo v pripade ze se obrazek do pozadi nenacte.. a zbytek uz jiste chapes

jinak snad jsem to pochopil spravne...
nejlepsi bude kdyz si na pozadi das jeden obrazek s sirkou treba 1200px a budes ho opakovat repeat-y a vycentrujes pozadi na stred... pote muzes udelat hlavicku (napr div s tridou header) kde teto hlavicce nastavis sirku 100%, nejakou vysku a das ji pozadi.. tim vyresis pozadi na vrchu stranky (tedy jestli ma byt jine nez to co uz se ti opakuje v body)... levou stranu a pravou res pres to pozadi s 1200px no a na spodek si das to stejne co do hlavicky jen s jinym pozadim... snad rozumis :)
JonnyN22
Profil
No toto vyzkouším, pro ty co mají internet rychlý je to dobré ale s pomalým připojením by se myslím obrázek z šířkou př 1200px nezobrazil, ale skusím...
JonnyN22
Profil
Takže vyřešeno, sice jsem udělal klasický vzhled ale rámeček je na stejným principu...
v1.CSS
body {
   background:white url(component/1685897957.png);
}
         #logo {position: absolute; width: 100%; height: 10%; top: 0%; left: 0%}
          #logo {background-image: url("component/9078102791.png"); color: black; background-color: green}
         #menu {position: absolute; width: 20%; height: 90%; top: 10%; left: 0%}
          #menu {background-image: url("component/4124982167.png"); color: black; background-color: blue}
         #text {position: absolute; width: 78%; height: 90%; top: 10%; left: 22%}
          #text {background-image: url("-"); color: black}


*.HTML
<html>
   <head>
      <title>CSS test</title>
      <link rel="stylesheet" href="v1.css">
   </head>
   <body>
      <div id="logo" style="text-align: center;">
            <h1>JonnyN22</h1>
         </div>
      <div id="menu" style="text-align: center;">
            <h3>MENU</h3>
            <p>O nás</p>
         </div>
      <div id="text" style="text-align: left;">
            <p>Stránky jsou v rekonstrukci.</p>
         </div>
   </body>
</html>


Opět všem děkuji...
softak
Profil *
čau klucí prosim tenhle sem upravoval ale potřeboval by abych mel stený obrasky a už nevim rady prosím pomocte
stranky jsou www.tzs09.wbs.cz
background: url(http://tzs09.wbs.cz/jojo.jpg)repeat bottom;
background-attachment: fixed;

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: