luknij
04-06-2011, 11:29
Witam
Czy mógłby ktoś pomóc dopasować stronę do przeglądarki IE, ponieważ źle się wyświetla w tej przeglądarce...
Po za tym jak zamontować flasha tak aby animacja się włączała tylko przy otwieraniu (pierwszy raz) strony startowej? No i jak się skaluje stronę w przeglądarce w pewnym momencie strona sie kończy i jest biała przestrzeń (pod stopką). można ją jakoś wypełnić kolorem?
Nie wiem czy zamieszczać kod ale zamieszczę w razie czego:
INDEX:
<?php
defined( '_JEXEC' ) or die( 'Dostęp zastrzeżony' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body class="foot_bg">
<div id="wrapper">
<div id="head_bg">
<div id="header" style="background-image: url(templates/<?php echo $this->template ?>/images/header.png); background-repeat:no-repeat;">
<div id="logo" style="background-image: url(templates/<?php echo $this->template ?>/images/logo.png); background-repeat:no-repeat;">
<jdoc:include type="modules" name="top" style="xhtml" /><p class="tytul_head">Witam na mojej stronie !</p>
</div>
</div> <!-- end #header -->
<div id="flash">
<object id="banner" width="1024px" height="223px" >
<embed src="templates/<?php echo $this->template ?>/images/banners/baner.swf" background-color="#fff" width="1024px" height="168px" name="banner" " />
</object>
</div>
</div>
<div id="breadcrumbs">
<jdoc:include type="modules" name="breadcrumb" style="xhtml" />
</div>
<div id="mainContent">
<div id="leftColumn">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="center">
<jdoc:include type="component" />
</div>
</div>
<div id="footer" style="background-image: url(templates/<?php echo $this->template ?>/images/footer_2.png);">
<div id="menu_stopa" >
<jdoc:include type="modules" name="footer" style="xhtml" />
<div id="zaw_foot">
<div id="div1" class="foot_txt">
</div>
<div id="div2" class="foot_txt"><h4>Strony przyjaciół</h4>
<a target="_blank" class="a_foot" href="http://web.mac.com/artur_szozda_1976">Artur Szozda</a><br />
<a target="_blank" class="a_foot" href="http://msurowiecki.pl/">Michał Surowiecki</a><br />
<a target="_blank" class="a_foot" href="http://shownd.com/matsunaki">Marcin Kowalski</a>
</div>
<div id="div3" class="foot_txt"><h4>Web Design</h4>
<a target="_blank" class="a_foot" href="http://www.kurshtml.edu.pl/">Kurs html/css</a><br />
<a target="_blank" class="a_foot" href="http://algorytmy.pl/doc/xhtml/">html/css</a><br />
<a target="_blank" class="a_foot" href="http://taat.pl/typografia/">Typografia, a css</a><br />
<a target="_blank" class="a_foot" href="http://3.7designs.co/blog/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it/">Zestawienia czcionek</a><br />
<a target="_blank" class="a_foot" href="http://www.csszengarden.com/tr/polish/">Css zen garden</a><br />
<a target="_blank" class="a_foot" href="http://www.lostintechnology.com/internet-tools/13-great-color-palette-sites/">Palety colorĂłw</a><br />
<a target="_blank" class="a_foot" href="http://www.1001freefonts.com/">Darmowe czcionki</a><br />
<a target="_blank" class="a_foot" href="http://www.webdesign.org/">Tutoriale</a><br />
</div>
<div id="div4" class="foot_txt"><h4>Inspiracja</h4>
<a target="_blank" class="a_foot" href="http://designitpoland.com/">Desing in poland</a><br />
<a target="_blank" class="a_foot" href="http://art.webesteem.pl/">art&desing</a><br />
<a target="_blank" class="a_foot" href="http://www.voxdesign.pl/">voxdesign</a><br />
</div>
</div>
</div>
</div>
</div>
</body>
</html>
CSS:
body {margin:-19px 0px 0px 0px;}
#head_bg {background-image: url(../images/bg.png); background-position: center top; background-repeat: no-repeat; width:100%;}
.foot_bg {background-image: url(../images/foot_bg.png); background-position: center bottom; background-repeat: no-repeat; position: relative: bottom: 0;}
#wrapper {margin: auto; }
a {text-decoration: none;}
a:hover{color:red;}
.componentheading {font: italic 30px Palatino Linotype; text-align: center;}
/* HEADER */
#header {margin-top: 160px; width:1024px; height:243px; margin: auto;}
#logo{}
.moduletable_head_me h3 {visibility: hidden;}
/* MENU HEADER */
.menu-head-menu {margin: -41px 0px 0px 0px; font:normal 12px verdana; text-transform: uppercase; text-align:right; padding-top: 34px; padding-right: 40px;}
.menu-head-menu li{display: inline; border-top:7px solid #9c7e5e; letter-spacing: 1px; padding-top: 27px; text-decoration: none; color: white;}
.menu-head-menu li a{border-top:7px solid #9c7e5e; padding-right:8px; padding-left:8px; padding-top: 27px; text-decoration: none; color: white;}
.menu-head-menu li a:hover{border-color: #94b065; color: #94b065;}
.menu-head-menu #current a{border-color: #94b065; color: #94b065;}
/*.moduletable li #current a{border-color: #94b065; color: #94b065;}*/
.tytul_head{font: italic 48px Palatino Linotype; text-align:center; color:#ffffff;}
#mainContent {width:1024px; margin:auto;}
/* FLASH */
#flash {margin:auto; width:1024px; height:168px; margin-bottom:40px;}
/* BREADCRUMB*/
#breadcrumbs {font: normal 10px Verdana; width:1024px; border-top:0px; margin: auto; margin-bottom:20px;}
#breadcrumbs h3{visibility:hidden;}
/* LEFT MENU */
#leftColumn {width:18%; float: left; clear: both; margin-left:20px; margin-bottom: 200px;}
.moduletable_menu h3{font:normal 12px verdana, sant-serif; letter-spacing:1px; color:#ffffff; padding-left:10px; text-align: left; text-transform: uppercase; background-color: #b0b676; padding-top:6px; padding-bottom:6px;}
.moduletable_menu ul {font: normal 10px verdana, sant-serif; line-height: 16px; text-transform: uppercase; list-style: none; display:block; padding-left: 0; padding-right:0; padding-top:-10px;}
.moduletable_menu ul li {margin-bottom: 0px;}
.moduletable_menu ul li a{padding-left: 10px; display:block; text-decoration: none; color: #2a2a2a; }
.moduletable_menu ul li a:hover{text-decoration: none; background-color: #cfd596;}
.moduletable_menu ul #current a{text-decoration: none;color: #9c7e5e; font-weight:bold;}
/* TEXT AUTORA */
.contentpaneopen tr {font-family: Arial; font-size:10px;}
.contentpaneopen tr a{ text-decoration: none; color: #7b9254; }
.contentpaneopen tr a:hover{text-decoration: none; color: #2a2a2a; background-color: #b0b676;}
#center {width:75%; float: right; margin-bottom: 200px; margin-right: 20px;}
/* FOOTER */
#footer {width: 1024px; height: 414px; margin: auto; clear: both;}
#menu_stopa {color:#9c7e5e; font-weight:bold; width:1024px; margin:auto;}
#zaw_foot{font: normal 12px Verdana, sant-serif; text-transform: uppercase; line-height:16px; width: 1024px; }
.foot_txt {width: 256px; float: right; text-align: justify; letter-spacing:2px;}
.a_foot{color:#f1f1f1; }
/* FOOTER MENU */
.moduletable_foot_me {padding-left:35px; padding-top:15px; padding-bottom: 60px;}
.moduletable_foot_me h3{visibility: hidden;}
.moduletable_foot_me li{font:Normal 12px Verdana, sant-serif; letter-spacing:1px; display: inline; margin-left:4px; margin-right: 4px; color: #579b9b; text-transform: uppercase;}
.moduletable_foot_me li a{display: inline; margin-left:4px; margin-right: 4px; color: #579b9b; text-transform: uppercase;}
.moduletable_foot_me li a:hover{display: inline; margin-left:4px; margin-right: 4px; text-transform: uppercase;}
.moduletable_foot_me #current a{display: inline; margin-left:4px; margin-right: 4px; color: #7adada; text-transform: uppercase;}
.moduletable {font:normal 10px verdana; margin-bottom: 0px; text-transform:uppercase;}
.moduletable h3 {visibility:hidden;}
.moduletable ul {visibility:hidden;}
.button {margin-top:20px;}
Czy mógłby ktoś pomóc dopasować stronę do przeglądarki IE, ponieważ źle się wyświetla w tej przeglądarce...
Po za tym jak zamontować flasha tak aby animacja się włączała tylko przy otwieraniu (pierwszy raz) strony startowej? No i jak się skaluje stronę w przeglądarce w pewnym momencie strona sie kończy i jest biała przestrzeń (pod stopką). można ją jakoś wypełnić kolorem?
Nie wiem czy zamieszczać kod ale zamieszczę w razie czego:
INDEX:
<?php
defined( '_JEXEC' ) or die( 'Dostęp zastrzeżony' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="templates/<?php echo $this->template ?>/css/template.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body class="foot_bg">
<div id="wrapper">
<div id="head_bg">
<div id="header" style="background-image: url(templates/<?php echo $this->template ?>/images/header.png); background-repeat:no-repeat;">
<div id="logo" style="background-image: url(templates/<?php echo $this->template ?>/images/logo.png); background-repeat:no-repeat;">
<jdoc:include type="modules" name="top" style="xhtml" /><p class="tytul_head">Witam na mojej stronie !</p>
</div>
</div> <!-- end #header -->
<div id="flash">
<object id="banner" width="1024px" height="223px" >
<embed src="templates/<?php echo $this->template ?>/images/banners/baner.swf" background-color="#fff" width="1024px" height="168px" name="banner" " />
</object>
</div>
</div>
<div id="breadcrumbs">
<jdoc:include type="modules" name="breadcrumb" style="xhtml" />
</div>
<div id="mainContent">
<div id="leftColumn">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="center">
<jdoc:include type="component" />
</div>
</div>
<div id="footer" style="background-image: url(templates/<?php echo $this->template ?>/images/footer_2.png);">
<div id="menu_stopa" >
<jdoc:include type="modules" name="footer" style="xhtml" />
<div id="zaw_foot">
<div id="div1" class="foot_txt">
</div>
<div id="div2" class="foot_txt"><h4>Strony przyjaciół</h4>
<a target="_blank" class="a_foot" href="http://web.mac.com/artur_szozda_1976">Artur Szozda</a><br />
<a target="_blank" class="a_foot" href="http://msurowiecki.pl/">Michał Surowiecki</a><br />
<a target="_blank" class="a_foot" href="http://shownd.com/matsunaki">Marcin Kowalski</a>
</div>
<div id="div3" class="foot_txt"><h4>Web Design</h4>
<a target="_blank" class="a_foot" href="http://www.kurshtml.edu.pl/">Kurs html/css</a><br />
<a target="_blank" class="a_foot" href="http://algorytmy.pl/doc/xhtml/">html/css</a><br />
<a target="_blank" class="a_foot" href="http://taat.pl/typografia/">Typografia, a css</a><br />
<a target="_blank" class="a_foot" href="http://3.7designs.co/blog/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it/">Zestawienia czcionek</a><br />
<a target="_blank" class="a_foot" href="http://www.csszengarden.com/tr/polish/">Css zen garden</a><br />
<a target="_blank" class="a_foot" href="http://www.lostintechnology.com/internet-tools/13-great-color-palette-sites/">Palety colorĂłw</a><br />
<a target="_blank" class="a_foot" href="http://www.1001freefonts.com/">Darmowe czcionki</a><br />
<a target="_blank" class="a_foot" href="http://www.webdesign.org/">Tutoriale</a><br />
</div>
<div id="div4" class="foot_txt"><h4>Inspiracja</h4>
<a target="_blank" class="a_foot" href="http://designitpoland.com/">Desing in poland</a><br />
<a target="_blank" class="a_foot" href="http://art.webesteem.pl/">art&desing</a><br />
<a target="_blank" class="a_foot" href="http://www.voxdesign.pl/">voxdesign</a><br />
</div>
</div>
</div>
</div>
</div>
</body>
</html>
CSS:
body {margin:-19px 0px 0px 0px;}
#head_bg {background-image: url(../images/bg.png); background-position: center top; background-repeat: no-repeat; width:100%;}
.foot_bg {background-image: url(../images/foot_bg.png); background-position: center bottom; background-repeat: no-repeat; position: relative: bottom: 0;}
#wrapper {margin: auto; }
a {text-decoration: none;}
a:hover{color:red;}
.componentheading {font: italic 30px Palatino Linotype; text-align: center;}
/* HEADER */
#header {margin-top: 160px; width:1024px; height:243px; margin: auto;}
#logo{}
.moduletable_head_me h3 {visibility: hidden;}
/* MENU HEADER */
.menu-head-menu {margin: -41px 0px 0px 0px; font:normal 12px verdana; text-transform: uppercase; text-align:right; padding-top: 34px; padding-right: 40px;}
.menu-head-menu li{display: inline; border-top:7px solid #9c7e5e; letter-spacing: 1px; padding-top: 27px; text-decoration: none; color: white;}
.menu-head-menu li a{border-top:7px solid #9c7e5e; padding-right:8px; padding-left:8px; padding-top: 27px; text-decoration: none; color: white;}
.menu-head-menu li a:hover{border-color: #94b065; color: #94b065;}
.menu-head-menu #current a{border-color: #94b065; color: #94b065;}
/*.moduletable li #current a{border-color: #94b065; color: #94b065;}*/
.tytul_head{font: italic 48px Palatino Linotype; text-align:center; color:#ffffff;}
#mainContent {width:1024px; margin:auto;}
/* FLASH */
#flash {margin:auto; width:1024px; height:168px; margin-bottom:40px;}
/* BREADCRUMB*/
#breadcrumbs {font: normal 10px Verdana; width:1024px; border-top:0px; margin: auto; margin-bottom:20px;}
#breadcrumbs h3{visibility:hidden;}
/* LEFT MENU */
#leftColumn {width:18%; float: left; clear: both; margin-left:20px; margin-bottom: 200px;}
.moduletable_menu h3{font:normal 12px verdana, sant-serif; letter-spacing:1px; color:#ffffff; padding-left:10px; text-align: left; text-transform: uppercase; background-color: #b0b676; padding-top:6px; padding-bottom:6px;}
.moduletable_menu ul {font: normal 10px verdana, sant-serif; line-height: 16px; text-transform: uppercase; list-style: none; display:block; padding-left: 0; padding-right:0; padding-top:-10px;}
.moduletable_menu ul li {margin-bottom: 0px;}
.moduletable_menu ul li a{padding-left: 10px; display:block; text-decoration: none; color: #2a2a2a; }
.moduletable_menu ul li a:hover{text-decoration: none; background-color: #cfd596;}
.moduletable_menu ul #current a{text-decoration: none;color: #9c7e5e; font-weight:bold;}
/* TEXT AUTORA */
.contentpaneopen tr {font-family: Arial; font-size:10px;}
.contentpaneopen tr a{ text-decoration: none; color: #7b9254; }
.contentpaneopen tr a:hover{text-decoration: none; color: #2a2a2a; background-color: #b0b676;}
#center {width:75%; float: right; margin-bottom: 200px; margin-right: 20px;}
/* FOOTER */
#footer {width: 1024px; height: 414px; margin: auto; clear: both;}
#menu_stopa {color:#9c7e5e; font-weight:bold; width:1024px; margin:auto;}
#zaw_foot{font: normal 12px Verdana, sant-serif; text-transform: uppercase; line-height:16px; width: 1024px; }
.foot_txt {width: 256px; float: right; text-align: justify; letter-spacing:2px;}
.a_foot{color:#f1f1f1; }
/* FOOTER MENU */
.moduletable_foot_me {padding-left:35px; padding-top:15px; padding-bottom: 60px;}
.moduletable_foot_me h3{visibility: hidden;}
.moduletable_foot_me li{font:Normal 12px Verdana, sant-serif; letter-spacing:1px; display: inline; margin-left:4px; margin-right: 4px; color: #579b9b; text-transform: uppercase;}
.moduletable_foot_me li a{display: inline; margin-left:4px; margin-right: 4px; color: #579b9b; text-transform: uppercase;}
.moduletable_foot_me li a:hover{display: inline; margin-left:4px; margin-right: 4px; text-transform: uppercase;}
.moduletable_foot_me #current a{display: inline; margin-left:4px; margin-right: 4px; color: #7adada; text-transform: uppercase;}
.moduletable {font:normal 10px verdana; margin-bottom: 0px; text-transform:uppercase;}
.moduletable h3 {visibility:hidden;}
.moduletable ul {visibility:hidden;}
.button {margin-top:20px;}