PDA

Zobacz pełną wersję : Rozwalające się menu i kolumna



swoboda1992
22-03-2011, 22:44
Witam pracuje nad echoo.pl (http://czilaut.vot.pl/echoo/pl/) i mam takie dwa problemy po pierwsze top menu przy zmianie stanu danej pozycji reszta zmienia odległość co nie wygląda za fajnie lepiej by było gdyby zostawały w miejscu po drugie prawa kolumna niby ma nadany "sztywny" rozmiar ale kiedy znajduje miejsce w contencie to rozwala się tak jakby opływanie przestało działać

Pozdrawiam :D

larry_krk
23-03-2011, 16:08
jeśli chodzi o menu - to -> ul li a:hover masz padding, jeśli chodzi o kolumnę, to nie bardzo widzę w którym momencie Ci ona ucieka .
pzdr

swoboda1992
23-03-2011, 19:50
Ok z menu juz poprawiam dzięki ci a co do kolumny wystarczy ze wystaje za wrappera (część z artykułami ) czyli u mnie na przykład w zakładce kontakt

a_m
23-03-2011, 21:19
prawa kolumna w ogóle nie jest ostylowana - nie ma zadeklarowanej szerokości ani floatu

swoboda1992
24-03-2011, 00:05
yyy co prawda początkujacy jestem ale z tego co wiem div zajmuje całą dostępną szerokość w poziomie i bez opływania nic nie może się znajdować obok pozatym w css mam intrukcje
#content #wrapper #kolumna{
width:240px;
float:right;
margin:1px;
padding:1px;
}

Oczywiście nie wykluczam że się mylę wręcz jest to bardzo prawdopodobne nie mylić z pewne

larry_krk
24-03-2011, 00:27
niom, @a_m ma rację. To co wyżej napisałeś powinno zadziałać, jeśli #kolumna będzie się zawierać w #wrapper.
Proponuję firebuga.

swoboda1992
24-03-2011, 10:12
Ludzie ja się poddaje zerknijcie na kod
wiem wiem poprawiać czyjś kod to zmora ale jak byście mogli

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Odmowa Dostepu' );
?>

<!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">
<head>
<jdoc:include type="head" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Echo</title>
<link href="templates/echoov2/style/style.css" rel="stylesheet" type="text/css" />
<meta name="google-site-verification" content="e1RVKb1RdD2C2KoyMrel8MBh-S3ngXNajBoiVnThEt8" />

</head>
<body>
<!--Kod śledzący analista-->
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21852267-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
<!--nima sledzenia-->
<div id="top">
<div id="header">
<div id="banner">
</div>

</div>
</div>

<div id="topmenu">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>

<div id="content">
<div id="wrapper">
<jdoc:include type="component" />

<div id="kolumna">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
</div>

</div>

<div id="bottom">
<div id="bottomgraf">
</div>
</div>

</body>
</html>




body{
margin:0px;
padding:0px;
background:#666;
}
#top{
height:237px;
background-color:#000;
}
#header{
width:1024px;
margin:0 auto;
}
#banner{
background:url(../images/banner.jpg) no-repeat;
width:1044px;
height:237px;
}

#content{
margin:0 auto;
width:1024px;
overflow:auto;
background:url(../images/bgart.jpg) repeat-y;
}
#wrapper{
width:1024px;
background:url(../images/art-bg.jpg);
float:left;
padding:10px;
}
#content #wrapper #kolumna{
width:240px;
float:right;
margin:1px;
padding:1px;
}

#bottom{
clear:both;
height:300px;
background:#000;
}
#bottomgraf{
background:url(../images/bottom.png) no-repeat;
height:50px;
margin:0 auto;
width:1024px;

}
/*
============
style joomla
============

*/


/*
TOP MENU
*/
#topmenu{
padding:1px;
width:1024px;
list-style:none;
height:32px;
background:#fff url(../images/button1a.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
margin:0 auto;
}
ul{
margin-top:5px;
}
ul li {
display:inline;
padding:10px;
}
ul li a{
color:#fff;
text-decoration:none;
padding:10px;
}
ul li a :hover{
background:#666;
padding:10px;
border:solid black 1px;
}

/* strony sekcji i artykulow */


.componentheading {
font:normal 2em Georgia,serif;
color:#99341f;
padding:15px 0 10px;
}


td.contentheading{
color:#333;
font-size:1.6em;
padding:15px 0 0 0;
margin:0;
}

a.contentpagetitle {
color:#333;
}

.createdate {
color:#7e7e7e;
font-size:.85em;
padding-bottom:.9em;
}
.modifydate {
color:#7e7e7e;
font-size:.85em;
}

.pagenavcounter {
font-style:italic;
}

.contentpaneopen p a:hover {
color:#354257;
text-decoration:underline !important;
}

.contentpaneopen img {
padding:5px;
}

a.readon {
float:right;
padding:3px;
}

a:hover.readon,
a:hover.blogsection,
a:hover.pagenav {
text-decoration:underline !important;
color:#354257;
}


/* separatory */

.article_separator {
display:block;
height: 10px;
}

.article_column {
padding-right:5px;
}

.column_separator {
border-left:1px solid #ccc;
padding-left:5px;
}

larry_krk
24-03-2011, 11:57
Szablon sobie, strona sobie ...
Masz </div> zmykającego #wrapper przed #kolumna.

swoboda1992
25-03-2011, 13:39
Ok problem naprawiony dzięki wielkie za pomoc XD