Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Dużo wolnej przestrzeni po dodaniu logo

Założony przez  Rusko.

Adres forum:
webserv - brak adresu

Wersja silnika:
najnowsza

Opis problemu:
Po dodaniu logo na forum wokół niego pojawiło się dużo wolnej przestrzeni przez co forum wygląda nie estetycznie.
https://scr.hu/822MOdR

Jak to poprawić?

a:hover,
a:active {
 color: #608404;
 text-decoration: none !important;
}

.lighttext {
 color: #999;
}

.footerLogo {
 background: url(images/audentio/glowing/logo.png) no-repeat center center;
 opacity: .5;
 height: 100px;
 width: 187px;
 float: right;
}

.pageWidth {
 width: 960px;
 margin: 0 auto;
 text-align: left;
}

.logo {
 float: left;
 height: 250px;
width: 360px;
 background: url(images/audentio/glowing/logo.png) no-repeat center center;
 display: block;
 text-indent: -1000px;
 overflow: hidden;

 -webkit-transition: opacity ease .7s;
 -moz-transition: opacity ease .7s;
 -o-transition: opacity ease .7s;
 transition: opacity ease .7s;
 opacity: 1;
}

.logo:hover {
 opacity: .7;
}
(10.01.2019, 17:42)Rusko napisał(a): Adres forum:
webserv - brak adresu

Wersja silnika:
najnowsza

Opis problemu:
Po dodaniu logo na forum wokół niego pojawiło się dużo wolnej przestrzeni przez co forum wygląda nie estetycznie.
https://scr.hu/822MOdR

Jak to poprawić?

a:hover,
a:active {
  color: #608404;
  text-decoration: none !important;
}

.lighttext {
  color: #999;
}

.footerLogo {
  background: url(images/audentio/glowing/logo.png) no-repeat center center;
  opacity: .5;
  height: 100px;
  width: 187px;
  float: right;
}

.pageWidth {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}

.logo {
  float: left;
  height: 250px;
width: 360px;
  background: url(images/audentio/glowing/logo.png) no-repeat center center;
  display: block;
  text-indent: -1000px;
  overflow: hidden;

  -webkit-transition: opacity ease .7s;
  -moz-transition: opacity ease .7s;
  -o-transition: opacity ease .7s;
  transition: opacity ease .7s;
  opacity: 1;
}

.logo:hover {
  opacity: .7;
}
Zbadaj element i pobaw się własnościami CSS (poradnik w sygnaturze pod tym postem).
Ewentualnie też możesz wstawić całe forum na jakiś darmowy hosting, może coś pomożemy. ;)
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08



Użytkownicy przeglądający ten wątek:

1 gości