PDA

Zobacz pełną wersję : jak zmniejszyć odstęp między logo a treścią strony



dziki_sojcze
08-04-2016, 16:07
Witam, zmniejszyłem logo gdyż było prawie na pół ekrany, niestety teraz między logo a artykułem jest bardzo duży, gdzie mogę zmniejszyć ten odstęp ?
Z góry dziękuję za pomoc.

moje
08-04-2016, 17:19
Podaj link do strony.

dziki_sojcze
11-04-2016, 15:27
http://www.antenymontaz.pl/

moje
11-04-2016, 15:54
Użyj narzędzi dla programistów (wbudowane w przeglądarkę), będzie Ci łatwiej zlokalizować elementy. Musisz ustawić wysokość na automatyczną dla tego banerka i zmniejszyć wysokość nagłowna z 500 do np. 350 pikseli. Te zmiany zapisujesz w pliku CSS.

dziki_sojcze
11-04-2016, 20:25
Niestety jest lipa, mianowicie używając w chromie opcji zbadaj i zmieniając parametry .art-header z 500 na 350 strona wygląda ok, jednak po zmianie w css na serwerze już nie wygląda tak jak powinna, sprawdzałem wszystkie konfiguracje, które przychodziły mi do głowy i albo logo się przesuwa do góry, albo znika całkowicie. Wraz z tym jak logo się przesuwa zmniejsza się również odstęp, ale strona nie wygląda prawidłowo

moje
11-04-2016, 20:40
Napisałem, że dla baneru zmieniasz wartość na automatyczną, a dla nagłówka zmienić wartość na mniejszą.

dziki_sojcze
11-04-2016, 21:21
Jeśli tak zrobię logo znika całkowicie, chyba że źle coś robię , mógłbyś zerknąć i powiedzieć czy robię to dobrze ?
zaznaczyłem na czerwono


.art-object1531214326
{
display: block;
left: 50%;
margin-left: -960px;
position: absolute;
top: 0px;
width: 1920px;
height: 500px ; zmieniam na height : auto;
background-image: url('../images/object1531214326.png');
background-position: 0 0;
background-repeat: no-repeat;
z-index: 4;
}


.default-responsive .art-object1531214326
{
display: none;
}


.art-headline
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 22px;
left: 6.03%;
margin-left: -16px !important;
line-height: 100%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 103;
}


.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover
{
font-size: 20px;
font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: uppercase;
padding: 0;
margin: 0;
color: #5B89BE !important;
white-space: nowrap;
}


.art-slogan
{
display: inline-block;
position: absolute;
min-width: 50px;
top: 47px;
left: 17.27%;
line-height: 100%;
margin-left: -21px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 101;
white-space: nowrap;
}


.art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover
{
font-size: 8px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding: 0;
margin: 0;
color: #616161 !important;
}


.art-logo-730300661
{
position: absolute;
top: 13px;
left: 1.96%;
margin-left: 0px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
z-index: 102;
width: 34px;
height: 41px;
}


.art-header
{
margin: 0 auto;
background-repeat: no-repeat;
height: 500px ; zmieniam na height 350px;
position: relative;
background-image: url('../images/header.png');
background-position: center top;
}


.custom-responsive .art-header
{
background-image: url('../images/header.png');
background-position: center top;
}

moje
11-04-2016, 21:28
Masz tam jeszcze top na minusie w atrybucie.

dziki_sojcze
11-04-2016, 21:39
Jeśli mówimy o :margin-left: -960px; to jak bym nie zmienił wartość to i tak loga nie ma. bo top żadnego na minusie nie widzę.

moje
11-04-2016, 22:00
Top, nie left i w atrybucie, a nie w pliku.

dziki_sojcze
11-04-2016, 22:18
chyba przeceniasz moje możliwości, joomla dla mnie to czarna magia

dziki_sojcze
11-04-2016, 22:54
Mógłbyś bardziej łopatologicznie wytłumaczyć ?

dziki_sojcze
12-04-2016, 18:22
Problem rozwiązany wystarczyło zmienić wielkość logo w css, wczoraj robiłem to przez notatnik i może to miało wpływ na to że nie działało, dziś użyłem notepead++ i poszło.

moje
12-04-2016, 19:39
Dla korzystających z systemowego notatnika jest specjalne miejsce w piekle ;)