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.
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.
Podaj link do strony.
Webdeveloper do usług ;)
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.
Webdeveloper do usług ;)
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
Napisałem, że dla baneru zmieniasz wartość na automatyczną, a dla nagłówka zmienić wartość na mniejszą.
Webdeveloper do usług ;)
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;
}
Masz tam jeszcze top na minusie w atrybucie.
Webdeveloper do usług ;)
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ę.
Top, nie left i w atrybucie, a nie w pliku.
Webdeveloper do usług ;)