Autor Zpráva
Camo
Profil
#1 · Zasláno: 24. 12. 2011, 21:59:24
Odpovědět Citovat
Zdar!

Ja už asi ničomu nechápem. Proste IE7 neberie do úvahy farbu písma pre H1 nastavenú v css. Skúšal som to aj inline zápisom, ale stále je čierna. Chápe to tu niekto prosím vás? Ani Google mi nič nevypľul(alebo som si to nevšimol).
pcmanik
Profil
#2 · Zasláno: 24. 12. 2011, 22:05:56
Odpovědět Citovat
Camo:
Mozes nam ukazat tvoj kod?
Camo
Profil
#3 · Zasláno: 24. 12. 2011, 22:20:39 · Upravil/a: Camo
Odpovědět Citovat
Samozrejme, tu je myslím tá podstatná časť(skúšal som tomu už dať id, class, dať do spanu, inline zápis a už neviem čo mám robiť): 
<style type="text/css">
html, body, div, form, p, img, menu, ul, ol, li, a, h1, h2, h3, table, tr, td{margin:0px; padding:0px; font-family:verdana, tahoma}
html, body {height: 100%;}
body{background:url('./pictures/giankaBG1.jpg') center top;}
#obal{Nborder:1px solid red; margin: 0 auto; min-width:976px; min-height: 100%; height: 100%; position: relative; background:transparent url('./pictures/giankaBG2.png') center top repeat-y;}
body>#obal{height: auto;}/* zrusenie height pre FF a O v predoslom zapise */
/* Opera 9.5+  malý hack  */
*|html[xmlns*=""]  #obal{display: table; height: 100%}
/* end Opera 9.5+  malý hack  */
#vrch{margin:0px auto; display:block}
#header{}
#header #headIMG1{filter:alpha(opacity=100); position:relative; width:942px; height:267px; margin:0px auto;}
#header #headIMG2{filter:alpha(opacity=100)}
#header #headIMG1 h1{position:absolute; bottom:0px; left:0px; width:912px /*+padding*/; padding:11px 15px; color:#552222; font-size:1.5em; background-image:url('./pictures/giankaBGh1.png');}
#header #headIMG1 h1 #h1IE7{color:red}
#headIMG1 #logo{position:absolute; top:25px; left:0px}

  #oblucik{display:block; margin:0px auto}

  #obsah{Nborder:1px solid red; width:942px; min-height:500px; height:500px; margin:0px auto; padding:0px 0px 7% /* pata */; color:#451212; background:url('./pictures/giankaBG3.jpg') center top repeat-y; }
#obal>#obsah{height: auto;}/* zrusenie height pre FF a O v predoslom zapise */

  a{text-decoration:none; color:#451212;}
img{display:inline-block; }
#obsah img{ -moz-box-shadow: -3px 3px 3px #bbb; -webkit-box-shadow: -3px 3px 3px #bbb; box-shadow: -3px 3px 3px #bbb;}
h1, h2{color:#552222;}
h2{background-color:#df9755}
#mainH2{Nborder:1px solid red; margin-left:205px; padding:0px 15px 4px; font-size:1.40em; overflow:visible}
#mainH2 span{position:relative; top:-8px; left:20px; /*font-size:1.2em*/}

  #leftSide{Nborder:1px solid red; float:left; width:205px; overflow:hidden}
#leftSide h2{padding:10px 15px; font-size:1.1em; background:#df9755 url('./pictures/giankaBGh2.png') right top repeat-y;}
#leftSide #topH2{/*tj. "Menu"*/Nborder:1px solid red; padding:0px 15px 8px;}

  #menu{padding:10px 0px 25px; font-size:0.98em; letter-spacing:1px; font-weight:bold; /*font-family:tahoma*/}
#menu a{display:block; color:#502222 /*#653030*/; text-decoration:none}
#menu ul{Nborder:1px solid red; margin:0px; padding:0px}
#menu li{margin:0px; list-style-type:none}
#menu ul li a{ padding:5px 10px 3px 15px;}
#menu ul li ul li a{padding:5px 10px 3px 30px;}
#menu li a:hover{background-color:#fff0e0}

  #content{border:1px solid red; margin-left:205px;}
#content .contentin{border:1px solid green; float:left; padding:20px 30px;} /* exituje koli clearovaniu v .content, lebo clearovalo az za side bar */
#content h2, #content h3, #content h1{clear:both; padding:10px 0px; color:#e09000; background-color:transparent; font-size:1.3em}


  #pata{Nborder:1px solid red; position:absolute; bottom:0px; left:0px; padding-top:35px; width:100%;}
#pataBG{display:block; margin:0px auto}
#pataText{Nborder:1px solid green; position:absolute; top:0px; left:50%; margin-left:-461px; width:922px; text-align:right}

  .dodatok{font-size:0.7em}
.left{float:left; clear:both; margin:15px 20px 15px 0px;}
.right{float:right; clear:both; margin:15px 0px 15px 20px;}
.clearovac{clear:both}

  </style>

  <!-- [if gt IE 6]>
<style type="text/css">
#obal{background:transparent url('./pictures/giankaBG2.png') 50% top repeat-y;}
</style>
<![endif] -->

  <?php

  echo '<script type="text/javascript">
var banerArr=['.$banery.'];
</script>
';

  ?>

  <script src="http://localhost/cukrarengianka.sk/frontend/EventFotogBaner.js"></script>
<script type="text/javascript">
function onloadka(){
          banerStart();
        //onloadGalery();
}
</script>
</head>
<body id="bodyId" onload="onloadka();">
<div id="obal">
     <img src="./pictures/giankaVrch.jpg" id="vrch">
    <div id="header">
        <div id="headIMG1">
            <img src="./pictures/giankaBaner.jpg" id="headIMG2">

                 <h1 id="mainH1" color="#552222" style="color:#552222;">
            <span id="h1IE7">
                <?php echo $h1; ?>
            </span>
            </h1>
               <img src="./pictures/giankaLogo.png" id="logo">

          </div>
    </div><!-- end header -->
nethor
Profil
#4 · Zasláno: 24. 12. 2011, 22:58:42
Odpovědět Citovat
H1 je červeně chyba bude asi v refresh.
Camo
Profil
#5 · Zasláno: 24. 12. 2011, 23:34:12 · Upravil/a: Camo
Odpovědět Citovat
Neverím!
Áno je tam toto: #header #headIMG1 h1 #h1IE7{color:red}
Ale u mńa je to čierne ako noc :(
Tu je celý kód v ktorom som použil snáď všetko možné čo môže nastaviť farbu. Vie mi niekto povedať čo je tam zle?: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Narodeninové</title>
  <meta name="description" content="Narodeninové torty a koláče.">

 <style type="text/css">
h1{color:red}
html, body, div, form, p, img, menu, ul, ol, li, a, h1, h2, h3, table, tr, td{margin:0px; padding:0px; font-family:verdana, tahoma}
html, body {height: 100%;}
body{background:url('./pictures/giankaBG1.jpg') center top;}
#obal{Nborder:1px solid red; margin: 0 auto; min-width:976px; min-height: 100%; height: 100%; position: relative; background:transparent url('./pictures/giankaBG2.png') center top repeat-y;}
body>#obal{height: auto;}/* zrusenie height pre FF a O v predoslom zapise */
/* Opera 9.5+  malý hack  */
*|html[xmlns*=""]  #obal{display: table; height: 100%}
/* end Opera 9.5+  malý hack  */
#vrch{margin:0px auto; display:block}
#header{}
#header #headIMG1{filter:alpha(opacity=100); position:relative; width:942px; height:267px; margin:0px auto;}
#header #headIMG2{filter:alpha(opacity=100)}
#headIMG1 h1{position:absolute; bottom:0px; left:0px; width:912px /*+padding*/; padding:11px 15px; color:red; font-size:1.5em; background-image:url('./pictures/giankaBGh1.png');}
#headIMG1 #mainH1{color:red}
.rd{color:red}
#headIMG1 #logo{position:absolute; top:25px; left:0px}

 #oblucik{display:block; margin:0px auto}

 #obsah{Nborder:1px solid red; width:942px; min-height:500px; height:500px; margin:0px auto; padding:0px 0px 7% /* pata */; color:#451212; background:url('./pictures/giankaBG3.jpg') center top repeat-y; }
#obal>#obsah{height: auto;}/* zrusenie height pre FF a O v predoslom zapise */

 a{text-decoration:none; color:#451212;}
img{display:inline-block; }
#obsah img{ -moz-box-shadow: -3px 3px 3px #bbb; -webkit-box-shadow: -3px 3px 3px #bbb; box-shadow: -3px 3px 3px #bbb;}
h1, h2{color:red}
h2{background-color:#df9755}
#mainH2{Nborder:1px solid red; margin-left:205px; padding:0px 15px 4px; font-size:1.40em; overflow:visible}
#mainH2 span{position:relative; top:-8px; left:20px; /*font-size:1.2em*/}

 #leftSide{Nborder:1px solid red; float:left; width:205px; overflow:hidden}
#leftSide h2{padding:10px 15px; font-size:1.1em; background:#df9755 url('./pictures/giankaBGh2.png') right top repeat-y;}
#leftSide #topH2{/*tj. "Menu"*/Nborder:1px solid red; padding:0px 15px 8px;}


 #menu{padding:10px 0px 25px; font-size:0.98em; letter-spacing:1px; font-weight:bold; /*font-family:tahoma*/}
#menu a{display:block; color:#502222 /*#653030*/; text-decoration:none}
#menu ul{Nborder:1px solid red; margin:0px; padding:0px}
#menu li{margin:0px; list-style-type:none}
#menu ul li a{ padding:5px 10px 3px 15px;}
#menu ul li ul li a{padding:5px 10px 3px 30px;}
#menu li a:hover{background-color:#fff0e0}

 #content{border:1px solid red; margin-left:205px;}
#content .contentin{border:1px solid green; float:left; padding:20px 30px;} /* exituje koli clearovaniu v .content, lebo clearovalo az za side bar */
#content h2, #content h3, #content h1{clear:both; padding:10px 0px; color:#e09000; background-color:transparent; font-size:1.3em}

 #pata{Nborder:1px solid red; position:absolute; bottom:0px; left:0px; padding-top:35px; width:100%;}
#pataBG{display:block; margin:0px auto}
#pataText{Nborder:1px solid green; position:absolute; top:0px; left:50%; margin-left:-461px; width:922px; text-align:right}

 .dodatok{font-size:0.7em}
.left{float:left; clear:both; margin:15px 20px 15px 0px;}
.right{float:right; clear:both; margin:15px 0px 15px 20px;}
.clearovac{clear:both}

 </style>

 <!-- [if gt IE 6]>
<style type="text/css">
#obal{background:transparent url('./pictures/giankaBG2.png') 50% top repeat-y;}
</style>
<![endif] -->

 <script type="text/javascript">
var banerArr=['./pictures/Banery/giankaBaner.jpg','./pictures/Banery/giankaBaner2.jpg','./pictures/Banery/giankaBaner3.jpg','./pictures/Banery/giankaBaner4.jpg'];
</script>

 <script src="http://localhost/cukrarengianka.sk/frontend/EventFotogBaner.js"></script>
<script type="text/javascript">
function onloadka(){
          banerStart();
        //onloadGalery();
}
</script>
</head>
<body id="bodyId" onload="onloadka();">
<div id="obal">
     <img src="./pictures/giankaVrch.jpg" id="vrch">
    <div id="header">
        <div id="headIMG1">

             <img src="./pictures/giankaBaner.jpg" id="headIMG2">

                <h1 id="mainH1" class="rd" style="color:red">
                Torty a zákusky na každú príležitosť   </h1>
               <img src="./pictures/giankaLogo.png" id="logo">

         </div>
    </div><!-- end header -->
     <img src="./pictures/giankaOblucik.jpg" id="oblucik">

     <div id="obsah">
          <div id="leftSide">
            <h2 id="topH2">Menu</h2>
            <div id="menu">
                <ul>
            <li><a href="#">Fotogaléria</a><ul>
            <li><a href="./index.php?item=narodeninove">Narodeninové</a></li>

                                                 </ul></li>
                <li><a href="./index.php?item=omne">O mne</a></li>
                                                </ul>
                <script type="text/javascript">
activPar=document.getElementById("actived").parentNode.parentNode;
if(activPar.tagName=="LI"){ activPar.style.backgroundColor="#7f5555"; }
</script>
            </div>
            <h2>Náhodná fotka</h2>
               <p>Pede libero Vivamus felis dui auctor nulla at convallis hendrerit eu. Morbi ultrices odio massa eros consectetuer tempor eros tellus dictumst volutpat. Non volutpat tristique Morbi Fusce euismod magna.</p>

             <p>Mattis pretium ullamcorper metus nascetur Cras porta condimentum purus et ac. Enim faucibus vel Aliquam elit faucibus sapien Lorem eu ac.</p>
            <p>Mattis pretium ullamcorper metus nascetur Cras porta condimentum purus et ac. Enim faucibus vel Aliquam elit faucibus sapien Lorem eu ac.</p>
           </div>

           <h2 id="mainH2">
            <span>
                   Narodeninové torty            </span>
        </h2>

         <div id="content">
            <div class="contentin"><!--  contentin je koli clerovaniu v obsahu, lebo clearovalo az za side bar -->
                <p><img class="left" src="/cukrarengianka.sk/pictures/TEST/test1.jpg" alt="" />The CSS file in this setting should be the very CSS file that controls the looks (or "layout") of all your pages! So, let's say you include a file "myLayout.css" in all your pages in order to control your site's global <img class="left" src="/cukrarengianka.sk/pictures/TEST/test10.jpg" alt="" />looks then this file must be set as your content_css option, because then the contents in the editor will also have the looks of your site.</p>
<p>Any CSS classes defined in your CSS file will show up in the styles dropdown lists (unless you explicitly set what shows up in the styles dropdown list<img class="left" src="/cukrarengianka.sk/pictures/TEST/test11.jpg" alt="" /> with the <a title="TinyMCE:Configuration/theme advanced styles" href="http://www.tinymce.com/wiki.php/Configuration:theme_advanced_styles">theme_advanced_styles</a> option), be they in the main editor window or in a plugin's dialogue window (for example, the <a title="TinyMCE:Plugins/advimage" href="http://www.tinymce.com/wiki.php/Plugin:advimage">advimage plugin</a> dialogue window) because TinyMCE will generate them dynamically based on your CSS file.</p>

 <h2>ghkgh hj hgjkghjkgh jkgh hgjkgh kh</h2>
<p>&nbsp;</p>
<p style="text-align: center;"><img src="/cukrarengianka.sk/pictures/TEST/test11.jpg" alt="" /> <img src="/cukrarengianka.sk/pictures/TEST/test12.jpg" alt="" />&nbsp; <img src="/cukrarengianka.sk/pictures/TEST/test11.jpg" alt="" />&nbsp; <img src="/cukrarengianka.sk/pictures/TEST/test13.jpg" alt="" /><img src="/cukrarengianka.sk/pictures/TEST/test15.jpg" alt="" />&nbsp; <img src="/cukrarengianka.sk/pictures/TEST/test14.jpg" alt="" /></p>            </div>
        </div>

           <div class="clearovac"></div>

     </div>

     <div id="pata">
            <img id="pataBG" src="./pictures/giankaPata.jpg">
               <div id="pataText" class="dodatok">
                <a href="./backend/loginAdmin.php">Admin</a><br>
                <a href="http://camo.tym.sk">Written by Camo 2011</a>
            </div>
    </div>

 </div>
</body>
</html>
panther
Profil
#6 · Zasláno: 25. 12. 2011, 00:14:08
Odpovědět Citovat
Camo:
dodej odkaz na web, jestli chceš poradit. Nevím, jak ostatní, já se 155 řádky kódu probíra nebudu.
jenikkozak
Profil
#7 · Zasláno: 25. 12. 2011, 08:27:46
Odpovědět Citovat
Camo:
„Neverím!“
Tak ver! Uvedený zápis způsobí to, že nadpis bude červený. Protože bez ohledu na to, jak tuto vlastnost přebíjíš ve stylopise v hlavičce souboru (vážně jsem nepochopil, jaký to má mít smysl), nakonec všechno přebije inline zápis. 
<style>
h1{color:red}
#headIMG1 h1{position:absolute; bottom:0px; left:0px; width:912px /*+padding*/; padding:11px 15px; color:red; font-size:1.5em; background-image:url('./pictures/giankaBGh1.png');}
#headIMG1 #mainH1{color:red}
h1, h2{color:red}
#content h2, #content h3, #content h1{clear:both; padding:10px 0px; color:#e09000; background-color:transparent; font-size:1.3em}
</style>

 <h1 id="mainH1" class="rd" style="color:red">
                Torty a zákusky na každú príležitosť   </h1>
Camo
Profil
#8 · Zasláno: 25. 12. 2011, 08:57:28
Odpovědět Citovat
Neverím kôli tomuto: http://camo.tym.sk/fora/gianka/TEST2.html
Ak máte v IE7 ten napis červený, tak ja som kefa a pôjdem si urobiť zváračský kurz...

Sú tam všetky možné spôsoby ktoré ma napadli ako by sa dal ten nadpis prefarbiť, ale ja to mám stále čierne.
Videl to už niekto?
jenikkozak
Profil
#9 · Zasláno: 25. 12. 2011, 09:04:41
Odpovědět Citovat
Camo:
„Ak máte v IE7 ten napis červený, tak ja som kefa a pôjdem si urobiť zváračský kurz...“
Užij si to.
Plaváček
Profil
#10 · Zasláno: 25. 12. 2011, 09:15:14
Odpovědět Citovat
Camo:

Zdrojem problému bude tato deklarace: 

#header #headIMG1{filter:alpha(opacity=100);}

Moc jsem nepochopil její smysl, ale pokud ji odstraníš, bude i v IE 7 nadpis červený.
Camo
Profil
#11 · Zasláno: 25. 12. 2011, 09:57:23
Odpovědět Citovat
ĎAKUJEM!!
Ten zápis som tam potreboval kôli animácii v JS. Ale dá sa to prepísať aj inak. Ale ma nenapadlo, že to spolu môže súvisieť. Ako ste na to prišli???
Plaváček
Profil
#12 · Zasláno: 26. 12. 2011, 07:09:42 · Upravil/a: Plaváček
Odpovědět Citovat
Camo:

„Ako ste na to prišli???“

Když mám za úkol odhalit chybu či nestandardní chování v cizím kódu, postupně odebírám ze stylového předpisu deklarace k problémovému prvku, které vypadají podezřele - což tvůj filter alpha se stoprocentní opacity splňoval bezezbytku. Zbytek je rutina :)
Camo
Profil
#13 · Zasláno: 26. 12. 2011, 16:01:35
Odpovědět Citovat
Plaváček:
Ešte raz vďaka. Konečne som sa mohol pohnúť ďalej...
Časová prodleva: 14 let

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:

0