PDA

Zobacz pełną wersję : pozycjonowanie elementów css - logo


adamus007p
04-03-2009, 19:06
mam fragment kodu:

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 800px;
height: 140px;
background: url(../images/moje_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;


potrzebuje ustawić moje_logo.png tak, żeby niezależnie od rozdzielczości ekranu było wyświetlane na środku

może ktoś poprawić mi kod, będę bardzo wdzięczny
eman
04-03-2009, 19:44
może zobacz tak:

div#logo {
position: absolute;
left: 0;
top: 0;
float:center;
width: 800px;
height: 140px;
background: url(../images/moje_logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-top: 25px;

nie wiem czy dobrze podpowiadam ale zobacz ;) jak nie wyjdzie to przepraszam ;]
idek
04-03-2009, 20:35
chłopaki.. porażka.. ;)

eman (http://forum.joomla.pl/member.php?u=16988) nie ma takiego czegoś jak "float:center" ;)

ja w ogóle nie rozumiem, co Ty chcesz zrobić (mówie do autora postu), jesli chesz, zeby moje_logo.png było na środku div'a to jesli robisz to w tle to wystarczą takie własności:

width:800px;
height: 140px;
background: url(..ścieżka..) no-repeat center top;
eman
04-03-2009, 20:40
tak jak mówiłem :D a nawet przyznam się szczerze że myślałem że tam jest align :D nie doczytałem ;p

;)
adamus007p
05-03-2009, 18:30
chce zeby logo bylo wyswietlane na stodku storny

chce zmodyfikowac szablon rhuk_milkyway

to co podales niestety nie pomaga,

jakies sugestie?
moniq
05-03-2009, 23:56
Wywal "left: 0;"
adamus007p
06-03-2009, 10:14
wywalilem i nadal logo jest poza ramka a nie na srodku
zwiastun
06-03-2009, 12:07
Usunąłem dwa posty z treścią pliku CSS
@aamus007p: Bez przesady proszę! Tym sposobem za kilka miesięcy na forum znajdzie się cały kod Joomla i może jeszcze tysiąca szablonów!


div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 800px;
height: 75px;
background: url(../images/mw_joomla_logo.png) top center no-repeat;
margin-left: 30px;
margin-top: 25px;
}

Z pliku index.php należy usunąć linię 2: <jdoc:include type="modules" name="top" />
adamus007p
06-03-2009, 14:03
przepraszam,

nie pomogł Twoj sposob, ale udalo mi sie go zmodyfikowac i dziala:)

position: absolute;
left: 0;
top: 0;
float: left;
width: 100%;
height: 100%;
background: url(../images/mw_joomla_logo.png) top center no-repeat;
margin-left: 0px;
margin-top: 25px;



hmm zastanawia mnie czemu z procentami to dziala a z px nie??
zwiastun
06-03-2009, 14:48
U mnie działa, a dlaczego u Ciebie nie działa, trudno zgadywać. Musiałeś namieszać coś jeszcze w kodzie CSS. 100% w height moze być źle interpretowane (100% czego?)
adamus007p
14-03-2009, 22:23
nic więcej nie zmieniałem niż to:


div#header_r {
height: 150px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
overflow: hidden;
text-align: left;
}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 800px;
height: 140px;
background: url(../images/mw_joomla_logo.png) top center no-repeat;
margin-left: 30px;
margin-top: 25px;
}

reszta kodu jest bez zmian,

pomoże mi to ktoś poprawić siedzę już od dłuższego czasu i nie mogę dać sobie sam rady