nevadaking
15-04-2012, 20:35
Witam wszystkich - dawno o nic nie pytałam, więc chyba przyszedł czas, skoro wymusiło na mnie aż post na Forum :P
Problemy są następujące (na localhost):
1. Zrobiłam tytuł strony w grafice, :zagubiony:
2. Dodałam własną pozycję (w indexie i xml-u), w której ustawiłam moduł z kodem javascript (Moduł Własny HTML) :D
3. W istniejącej pozycji ustawiłam moduł z kodem javascript (Moduł Custom Javascript) :lol:
Wszystko pięknie działa, ale z chwilą, gdy zaczyna się powiększać zoom w przeglądarce (jak wiecie moje strony są zwykle dostosowane dla osób z różnymi niepełnosprawnościami, a w tym przypadku dla słabowidzących) oba obrazki - pkt. 2 i 3 - pozostają w rozmiarze 100%, podczas gdy wszystko inne się powiększa do np. 150%. Co gorsza, powiększa się także obszar pod obrazkiem i powstaje biała powierzchnia na ciemnym tle (teksturowym w dodatku). Zjawisko obecne w IE, FF, Chromie, Operze, Safari.
Wypraktykowałam, że moje moduły pozostają stałe, bo w skrypcie javascript wielkości są ustawione na stałe, ale także gdy do modułu wstawiam inny obrazek przy powiększaniu strony też się rozjeżdża - moduł sobie, reszta sobie - w obu sytuacjach moduł jak przyklejony trzyma się lewej strony.
1. Czy można (nie wiem czy trzeba) w kodzie javascript ustawić inaczej parametry (usunięcie wymiarów powoduje, że moduł ustawia się jako kwadrat 10x10, gdy (obrazek jest 100x500)?
2. Czy gdzieś jest błąd w css - nie mogę znaleźć?
Kod javascript (część z rozmiarami):
<applet code="water.class" name="bump" height="107" width="520"> <param name="fps" value="30">
<param name="image" value="images/sampledata/parks/constans.jpg">
alt="Your browser can handle applet's, but isn't for some reason!"
Your browser cannot handle the applet tag!
</applet>
Kod index.php (fragment):
<div id="dd-main"> <div class="cleared reset-box"></div>
<?php if ($view->containsModules('position-1', 'position-28', 'position-29', 'position-31', 'position-32')) : ?>
<div class="dd-bar dd-nav">
<div class="dd-nav-outer">
<div class="dd-nav-wrapper">
<div class="dd-nav-inner">
<?php if ($view->containsModules('position-28')) : ?>
<div class="dd-hmenu-extra1"><?php echo $view->position('position-28'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('position-29')) : ?>
<div class="dd-hmenu-extra2"><?php echo $view->position('position-29'); ?></div>
<?php endif; ?>
<?php echo $view->position('position-1'); ?></div>
<div class="dd-nav-inner-d">
<?php if ($view->containsModules('position-31')) : ?>
<div class="dd-hmenu-extra3"><?php echo $view->position('position-31'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('position-32')) : ?>
<div class="dd-hmenu-extra4"><?php echo $view->position('position-32'); ?></div>
<?php endif; ?>
</div>
Kod css (fragment):
.dd-nav{
width:100%;
margin:0 auto;
min-height: 46px;
z-index: 100;
margin-top: 20px;
margin-bottom: 0;
}/*taśma pod top menu (tło)*/
.dd-nav:before, .dd-nav:after{
background-image: url('../images/nav.png');
}
.dd-nav:before{
right: 0;
}
.dd-nav:after{
width: 0;
}
/* end menu bar */
.dd-nav-outer{
position:absolute;
width:100%;
}
.dd-nav-wrapper
{
position: relative;
width:960px;
margin:0 auto;
}
.dd-nav-inner{
margin: 0 10px;
}
.dd-nav-inner-d{
margin: 0;
}
.dd-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: 46px;
background-position: center;
}
.dd-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: 46px;
background-position: center;
}
.dd-hmenu-extra3
{
display: block;
float: left;
position: relative;
margin: 9.8em 0 0 2.9em;
width: auto;
height: auto;
}
.dd-hmenu-extra4
{
position: relative;
display: block;
float: right;
width: auto;
height: 46px;
background-position: center;
}
.dd-hmenu
{
float: right;
}
3. A może jakiś inny sposób? :podstep:
Dziękuję
Pozdrawiam dawno nie widzianych Forumowiczów i Forumowiczki :up:
Problemy są następujące (na localhost):
1. Zrobiłam tytuł strony w grafice, :zagubiony:
2. Dodałam własną pozycję (w indexie i xml-u), w której ustawiłam moduł z kodem javascript (Moduł Własny HTML) :D
3. W istniejącej pozycji ustawiłam moduł z kodem javascript (Moduł Custom Javascript) :lol:
Wszystko pięknie działa, ale z chwilą, gdy zaczyna się powiększać zoom w przeglądarce (jak wiecie moje strony są zwykle dostosowane dla osób z różnymi niepełnosprawnościami, a w tym przypadku dla słabowidzących) oba obrazki - pkt. 2 i 3 - pozostają w rozmiarze 100%, podczas gdy wszystko inne się powiększa do np. 150%. Co gorsza, powiększa się także obszar pod obrazkiem i powstaje biała powierzchnia na ciemnym tle (teksturowym w dodatku). Zjawisko obecne w IE, FF, Chromie, Operze, Safari.
Wypraktykowałam, że moje moduły pozostają stałe, bo w skrypcie javascript wielkości są ustawione na stałe, ale także gdy do modułu wstawiam inny obrazek przy powiększaniu strony też się rozjeżdża - moduł sobie, reszta sobie - w obu sytuacjach moduł jak przyklejony trzyma się lewej strony.
1. Czy można (nie wiem czy trzeba) w kodzie javascript ustawić inaczej parametry (usunięcie wymiarów powoduje, że moduł ustawia się jako kwadrat 10x10, gdy (obrazek jest 100x500)?
2. Czy gdzieś jest błąd w css - nie mogę znaleźć?
Kod javascript (część z rozmiarami):
<applet code="water.class" name="bump" height="107" width="520"> <param name="fps" value="30">
<param name="image" value="images/sampledata/parks/constans.jpg">
alt="Your browser can handle applet's, but isn't for some reason!"
Your browser cannot handle the applet tag!
</applet>
Kod index.php (fragment):
<div id="dd-main"> <div class="cleared reset-box"></div>
<?php if ($view->containsModules('position-1', 'position-28', 'position-29', 'position-31', 'position-32')) : ?>
<div class="dd-bar dd-nav">
<div class="dd-nav-outer">
<div class="dd-nav-wrapper">
<div class="dd-nav-inner">
<?php if ($view->containsModules('position-28')) : ?>
<div class="dd-hmenu-extra1"><?php echo $view->position('position-28'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('position-29')) : ?>
<div class="dd-hmenu-extra2"><?php echo $view->position('position-29'); ?></div>
<?php endif; ?>
<?php echo $view->position('position-1'); ?></div>
<div class="dd-nav-inner-d">
<?php if ($view->containsModules('position-31')) : ?>
<div class="dd-hmenu-extra3"><?php echo $view->position('position-31'); ?></div>
<?php endif; ?>
<?php if ($view->containsModules('position-32')) : ?>
<div class="dd-hmenu-extra4"><?php echo $view->position('position-32'); ?></div>
<?php endif; ?>
</div>
Kod css (fragment):
.dd-nav{
width:100%;
margin:0 auto;
min-height: 46px;
z-index: 100;
margin-top: 20px;
margin-bottom: 0;
}/*taśma pod top menu (tło)*/
.dd-nav:before, .dd-nav:after{
background-image: url('../images/nav.png');
}
.dd-nav:before{
right: 0;
}
.dd-nav:after{
width: 0;
}
/* end menu bar */
.dd-nav-outer{
position:absolute;
width:100%;
}
.dd-nav-wrapper
{
position: relative;
width:960px;
margin:0 auto;
}
.dd-nav-inner{
margin: 0 10px;
}
.dd-nav-inner-d{
margin: 0;
}
.dd-hmenu-extra1
{
position: relative;
display: block;
float: left;
width: auto;
height: 46px;
background-position: center;
}
.dd-hmenu-extra2
{
position: relative;
display: block;
float: right;
width: auto;
height: 46px;
background-position: center;
}
.dd-hmenu-extra3
{
display: block;
float: left;
position: relative;
margin: 9.8em 0 0 2.9em;
width: auto;
height: auto;
}
.dd-hmenu-extra4
{
position: relative;
display: block;
float: right;
width: auto;
height: 46px;
background-position: center;
}
.dd-hmenu
{
float: right;
}
3. A może jakiś inny sposób? :podstep:
Dziękuję
Pozdrawiam dawno nie widzianych Forumowiczów i Forumowiczki :up: