rozdelenie pozadia plochy na dve farebne polia

salamoon · Napísal **salamoon**: 27.09.2008 20:30

chcem rozdelit pozadie plochy webu na dve rozne farebne polia....
na presne urcenej hranici by malo ist dolava biela,doprava siva....

ako na to?

dadmtb · Napísal **dadmtb**: 27.09.2008 21:09

ved das dva bloky a tym das rozdielny background

salamoon · Napísal autor témy **salamoon**: 27.09.2008 21:49

no ibaze ako ich dam?
ja som si doteraz tak maximalne template upravil

dadmtb · Napísal **dadmtb**: 27.09.2008 21:57

mno mozno trepnem ale aj tak ked chces mat dvoj farebne pozadie nastavis si body cez css

body {
color:farbu;
}

a v html si das neaky div napr

Kód:

<div class="polka">
</div>

a css zase

Kód:

.polka {
position:relative;
left:0px;
width:50%;
height:100%; // to si mozes s tym robit co chces
color:black;
}

malo by to fungovat a farby si zamenis popripade tu velkost roztahovacieho elementu

B.A.X.O · Napísal **B.A.X.O**: 27.09.2008 22:46

dadmtb píše:

mno mozno trepnem ale aj tak ked chces mat dvoj farebne pozadie nastavis si body cez css

body {
color:farbu;
}

a v html si das neaky div napr

Kód:

<div class="polka">
</div>

a css zase

Kód:

.polka {
position:relative;
left:0px;
width:50%;
height:100%; // to si mozes s tym robit co chces
color:black;
}

malo by to fungovat a farby si zamenis popripade tu velkost roztahovacieho elementu

Ehm, možno som zle pochopil ale chce mať jednu polovicu pozadia inej farby ako druhu. no a pokial viem, tak zápis color:black; ti zafarbí písmo na čiernu:) nie som si istý či je to zrovna to čo chcel. ked tak tak použi v obidvoch svojich kodoch Backround-color: #farba;

salamoon · Napísal autor témy **salamoon**: 28.09.2008 0:47

ano,chcem mat na pozadi dve rozne farby......
kedze na jednej strane su tri obrazky s bielym pozadim,a ked zmenit farbu pozadia,zmeni mi to aj pod nimi a textom,a tam chcem mat bielu,inde sivu......

stenley · Napísal **stenley**: 28.09.2008 9:26

chces, aby cela plocha prehliadca bola rozdelena na 2 farabne casti, alebo len urcita vymedzena cast stranky? lepsie bude, ked das kod, aby sme tu nehadali, ako to mas spravene...

mokus · Napísal **mokus**: 28.09.2008 13:17

zvislé rozdelenie obrázkom na pozadí pre BODY o výške 1px, šírka podľa potreby, repeat-y, takýto obrázok je relatívne malý, takže ti nezaťaží priestor ani vykresľovanie

Kód:

body { background:url(images/tvoj_dvojfarebny_obrazok.gif) top left repeat-y; width:100%; }

podobne to môžeš riešiť aj pre iný TAG ale to už nemusí byť pre celú plochu,
a hlavne nastavenie na výšku môže byť obmedzené

salamoon · Napísal autor témy **salamoon**: 28.09.2008 16:28

taj v IE mi to funguje,ale v opere a FF nie.....

css

Kód:

<style>

body { font-family: verdana, arial, helvetica, sans-serif;  font-size: 11px; color: #CCCCCC }
body { background:url(images/pozadie.gif) top left repeat-y; width:101%; }

html

Kód:

<BODY bgcolor="CCCCCC" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

neutronmind · Napísal **neutronmind**: 28.09.2008 16:35

Zaujimave, u mna to funguje normalne, skus hodit cely zdrojak, chyba moze byt niekde inde... (napr. neuzatvoreny tag...). :rolleyes:

salamoon · Napísal autor témy **salamoon**: 28.09.2008 16:40

Kód:

<HTML>
<HEAD>
    <TITLE>SPAM</TITLE>

<link rel="stylesheet" type="text/css" href="default.css">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250"></HEAD>

<BODY bgcolor="CCCCCC" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">

<TABLE BORDER="0" CELLPADDING=0 CELLSPACING=0 width="750" align="left">

<TR>
<TD width="353" valign="top"><img src="images/topleft.gif" border=0 width="353" height="406"></TD>
<TD width="397" valign="top"><img src="images/topright.gif" border=0 width="397" height="406"></TD>
</TR>

<TR>
<TD valign="top"><img src="images/left.gif" border=0 width="353" height="267"></TD>
<TD valign="top"><img src="images/space.gif" border=0 width="397" height="1">

<TABLE BORDER="0" CELLPADDING=0 CELLSPACING=0 width="390" align="center">
   
   <TR>
   <TD colspan="3">
   
   <TABLE BORDER="0" CELLPADDING=0 CELLSPACING=0 width="390" align="left">
   <TR>
     <TD>
   <a class="menu" href="index.html"><strong>Novinky</strong></a>&nbsp;&nbsp;
   <a class="menu" href="trening.html"><strong>Tréningy</strong></a>&nbsp;&nbsp;
   <a class="menu" href="clenovia.html"><strong>Členovia</strong></a>&nbsp;&nbsp;
   <a class="menu" href="preteky.html"><strong>Preteky</strong></a>&nbsp;&nbsp;
   <a class="menu" href="prekazky.html"><strong>Výroba prekážok</strong></a>&nbsp;&nbsp;
   <a class="menu" href="galeria.html"><strong>Galéria</strong></a>&nbsp;&nbsp;
   <a class="menu" href="sponzori.html"><strong>Sponzori</strong></a>&nbsp;&nbsp;
   <a class="menu" href="odkazy.html"><strong>Odkazy</strong></a>&nbsp;&nbsp;
   <a class="menu" href="kontakty.html"><strong>Kontakty</strong></a>&nbsp;&nbsp;
   <a class="menu" href="knihanavstev.html"><strong>Kniha návštev</strong></a>&nbsp;&nbsp;
   </TD>
   </TR></TABLE>   </TD></TR>
   
   <!-- THE TEXT -->
   
   <TR><TD colspan="3"><img src="images/space.gif" border=0 width="1" height="20"></TD></TR>
   
   <TR>
   <TD>
   Lorem ipsum dolor sit amet, con sectetuer adipiscing elit, sed diam nonnumy nibh eeuismod tempor inci dunt ut labore et dolore magna ali quam erat volupat.  Ut wisi enim ad minim veniam, quis nostrud exerci tation &lt;a href=&quot;&quot;&gt;ullamcorper&lt;/a&gt; suscipt laboris nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum irure dolor in henderit in vulputate velit esse consequat.
   Vel illum dolore eu feugiat nulla facilise at vero eos et accusam et ius to odio dignissim qui blandit prae sent luptatum zzril delenit aigue dous dolore et molestias exceptur sint occaecat cupidiata non simil pro vident tempor sunt in clulpa qui officia deserunt mollit anium ib est abor um et dolor fuga.  Et harumd dereud facilis est er expedit distinct.  Nam liber tempor cum soluta nobis eligend option congue nihil impediet doming id quod mazim placeat facer possim omnis voluptas assumenda est, omnis repellend.</p>
   Temporibud auteui quinusd et aur office debit aut tum rerum neccessit atib saepe eveniet ut er molestia non recusand.  Itaque earud rerum hic ten tury sapient delectus au aut prefer zim endis dolorib asperiore repellat.  Hanc ego cum tene senteniam, quid est cur verear ne ad eam non possing accommodare nost ros quos tu paulo ante cum memorite tum eita ergat. Nos amice et nbevol, olestias access potest fier ad augend ascum consci ent to factor tum poen legum odio que civiuda.  Et tamen in busdam neque nonor imper ned libliding gen epular reli quard cupiditati quas nul la priad om undat.
   Improb pary minuit, potios im flammad ut coercend magist and et dodencendesse videantur.  Inviat igi tur vera ratio bene sanos adzum justiatiam, aequitated fidem.  Neque hominy infant aut inuiste fact est cond qui neg facile efficerd possit duo conetud notiner si effercerit, et opes vel fortunag vel ingen liberalitat magis conveniunt, da but tuntung ben evolent sib conciliat et aptis sim est ad quiet.<br>
     </p>
   Endium caritat prae sert cum omning nul sit causpeccand quaert en imigent cupidtat a natura proficis vacil explent sine julla inura autend inanc sunt is par end non est nihil enim desidera endis ut lablore et dolore magna ali quan erat volupat.</p>
   <br>
  </TD>
   
   <TD>
   <P>&nbsp;</P>   </TD>
   </TR>
   
   <TR><TD colspan="3"><img src="images/space.gif" border=0 width="1" height="20"></TD></TR>

   <TR><TD colspan="3">
   
   <P><BR><!-- Copyright -->
<p>2008
   <P><BR>
   </TD></TR>
   </TABLE>

</TD>
</TR>

</TABLE>

</BODY>
</HTML>

niesom koder,len si robim redizajn templatu.....

neutronmind · Napísal **neutronmind**: 28.09.2008 18:05

A si si isty, ze subor pozadie.gif sa nachadza v podadresari images? Pretoze mne tento kod fungoval uplne normalne (ked som pouzil svoj vlastny obrazok).

salamoon · Napísal autor témy **salamoon**: 28.09.2008 18:12

ano.
problem nieje z pozadim.gif,ale z background

salamoon · Napísal autor témy **salamoon**: 28.09.2008 18:15

css

Kód:

<style>

body { font-family: verdana, arial, helvetica, sans-serif;  font-size: 11px; bgcolor: #CCCCCC }
body { background:url(images/pozadie.gif) top left repeat-y; width:100%; }

td { font-family: verdana, arial, helvetica, sans-serif;  font-size: 9px; color: #333333 }

.header {color: #333333;  font-family: verdana, arial, helvetica, sans-serif;  font-size: 14px; text-decoration: none}

a:link {color: #E35A2C;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none}

a:visited {color: #E35A2C;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none} 

a:active {color: #AC2901;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none} 

a:hover {text-decoration: none;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 10px;color: #AC2901}

a.menu:link {color: #CC0000;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: none}

a.menu:visited {color: #CC0000;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: none} 

a.menu:active {color: #CC0000;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px; text-decoration: none} 

a.menu:hover {text-decoration: none;  font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 11px;color: #AC2901}

</style>

dadmtb · Napísal **dadmtb**: 28.09.2008 18:36

B.A.X.O
myslel som backgroun ale som nenapisal :oops:

suchy · Napísal **suchy**: 29.09.2008 13:44

farba sa dava do pozadia s obrazkom preto, aby sa v situacii ked sa obrazok nenacita, zobrazila aspon ta farba.

rozdelenie pozadia plochy na dve farebne polia

Podobné témy