Skocz do zawartości
PL
Szukaj na Pecetowiczu
  • Utwórz konto

Brak wyśrodkowania jeżeli odsyłacz (href) jest wewnątrz DIV


Rekomendowane odpowiedzi

Witam. Mam problem przy robieniu strony opartej na divach.

Kiedy chcę aby div stał się linkiem to tekst w nim zawarty ignoruje selektor "text-align:center;"

<div class="ramka">
  	<a href="link" class="tilelink">
		<br />Kolektory słoneczne
	</a>
</div>
.ramka
{
		width: 90%;
		margin: 10px;
		height: 20%;
		margin-left: 20px;
		margin-right: 20px;
		text-align: center;
		background-color: #2b5891;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		color: white;
		font-weight: bold;
		box-shadow: 5px 5px 10px #2b5891;	
}

.ramka:hover
{
	background-color: #316fbd;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	box-shadow: 5px 5px 10px #316fbd;
		
}
a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;

}

Div po prawej jest bez hrefa, a po lewej z nim.

Odnośnik do komentarza
Udostępnij na innych stronach

bo a jest elementem inline'owym... zmień mu display na blokowy.

poza tym, ten link jest na tej samej stronie czy kieruje na inny page zmienia się adres URL)?

Odnośnik do komentarza
Udostępnij na innych stronach

Jest blokowy "display: block;"

Link jest na tej samej stronie.

//edit. Znalazłem winowajcę i już poprawiłem kod w temacie.

Winny był rozmiar bloku jakim jest a href. był on mniejszy niż div, w którym się znajdował, a jako, że tekst był wyśrodkowany do bloku jakim było a mniejsze od ramki to odnosił się do rozmiaru hrefa i wyglądało jakby nie był wyśrodkowany.

Jeszcze jedna sprawa. Chciałbym aby strona była wyświetlana na każdej rozdzielczości ale na telefonie się wszystko rozpierdziela. Nie pomógłby ktoś z responsywnością?

Nie mówię o gotowym kodzie, a o pokazaniu na jakiej zasadzie to działa. Nie jest to strona na html, a na silniku więc napisanie indexu i cssa responsywnego nie wchodzi w grę. Problem mam jedynie z divami aby one się skalowały gdyż będzie to sklep i na innych stronach jest git.

Odnośnik do komentarza
Udostępnij na innych stronach

1 godzinę temu, MisQuZii napisał:

Link jest na tej samej stronie.

No to button, a nie a  

1 godzinę temu, MisQuZii napisał:

Nie jest to strona na html, a na silniku

CMS nie ma nic do rzeczy. RWD jest niezależne.

Odnośnik do komentarza
Udostępnij na innych stronach

@-n3veR

No nie sprecyzowałem.

W każdym razie czekam na pomoc z responsywnością divów

Odnośnik do komentarza
Udostępnij na innych stronach

Kontynuuj dyskusję

Dołącz do Pecetowicza, aby kontynuować dyskusję w tym wątku.

  • Dodaj nową pozycję...
  • Dodaj nową pozycję...