[PHP][HTML] Źle wyświetlające się komórki z danymi Opcje

[Lethys]

Witam,

Tworzę panel administracyjny, w którym będzie można akceptować bądź usuwać przesłane przez użytkowników poradniki do bazy danych.

Wszystko działa ok opórcz wyświetlania zgłoszonych poradników.


Komórka przedstawiająca dany poradnik wygląda tak:

[PHP] pobierz, plaintext 
	echo ("<a class=\"mws-poradniki2\" href=\"#\">
                    	<span class=\"mws-poradniki2-icon mws-ic ic-book\"></span>
                        <span class=\"mws-poradniki2-content\">
                        	<span class=\"mws-poradniki2-title\">$record[nazwa]</span>
                            <p><span class=\"mws-poradniki2-value\">$record[opis]</span></p>
							<p><span class=\"mws-poradniki2-value2\">Dodano: $record[data_dodania]</span></p>
                        </span>
                    </a>");
 
[PHP] pobierz, plaintext 

W ten sposób wyświetlanie działa bez błędnie, kiedy natomiast dodam do komórki link z akceptacją bądź odrzucoeniem komórki czyli:

[PHP] pobierz, plaintext 
	echo ("<a class=\"mws-poradniki2\" href=\"#\">
                    	<span class=\"mws-poradniki2-icon mws-ic ic-book\"></span>
                        <span class=\"mws-poradniki2-content\">
                        	<span class=\"mws-poradniki2-title\">$record[nazwa]</span>
                            <p><span class=\"mws-poradniki2-value\">$record[opis]</span></p>
							<p><span class=\"mws-poradniki2-value2\">Dodano: $record[data_dodania], <a href='admin_poradniki.php?akceptuj=$record[id]'><b>Akceptuj</b></a> bądź <A href=admin_poradniki.php?usun=$record[id]>Usuń</a></span></p>
                        </span>
                    </a>");
 
[PHP] pobierz, plaintext 

Pojawia się problem, bo ostatni span, czyli data dodania + link do akceptacji, odrzucenia pojawiają się w innych komórkach tak jakgdyby to był już kolejny poradnik.


Tak wygląda css.

[PHP] pobierz, plaintext 
/* Report Buttons */
 
.mws-poradniki2-container
{
	width:100%;
	margin-bottom:24px;
}
 
.mws-poradniki2
{
	width:100% !important;
	min-width:170px;
	margin:8px 1%;
	height:150px;
	float:left;
	cursor:pointer;
	display:block;
	text-decoration:none;
	color:#323232;
 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
 
	background:#ffffff url(../../images/core/mws-report-bg.png) repeat-x;
	border:1px solid #cccccc;
 
	/* CSS 3 */
 
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}
 
.mws-poradniki2:hover
{
	background-color:#fafafa;
}
 
.mws-poradniki2:active
{
	background-image:none;
 
 
	/* CSS 3 */
 
	-webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);
	-o-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);
	-khtml-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);	
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.5);	
}
 
.mws-poradniki2 .mws-poradniki2-icon
{
	width:48px;
	height:100%;
	float:left;
	display:block;
	border-right:1px solid #cccccc;
 
	background-position:center center;
}
 
.mws-poradniki2 .mws-poradniki2-content
{
	margin-left:49px;
	display:block;
	padding:8px 10px;
}
 
.mws-poradniki2 .mws-poradniki2-content .mws-poradniki2-title
{
	white-space:nowrap;
	font-size:32px;
	display:inline-block;
 
 
 
}
 
.mws-poradniki2 .mws-poradniki2-content .mws-poradniki2-poradnik
{
	font-size:16px;
	display:inline-block;
}
 
 
.mws-poradniki2 .mws-poradniki2-content .mws-poradniki2-value
{
	font-size:19px;
	display:inline-block;
 
}
 
.mws-poradniki2 .mws-poradniki2-content .mws-poradniki2-value2
{
	font-size:12px;
	display:inline-block;
 
}
 
.mws-poradniki2 .mws-poradniki2-content .mws-poradniki2-value.up
{
	background:url(../../images/core/report-up.png) no-repeat right center;
	padding-right:24px;
}
 
.mws-poradniki2 .mws-poradniki2-content .mws-poradniki2-value.down
{
	background:url(../../images/core/report-down.png) no-repeat right center;
	padding-right:24px;
}
[PHP] pobierz, plaintext 

[mortus]

Nie wolno zamieszczać elementów blokowych wewnątrz elementów liniowych, a Ty masz <p> wewnątrz <a>. To najprawdopodobniej jest przyczyną problemu. Rozumiem, że chcesz uczynić pewien spory obszar "klilkalnym", ale tutaj powinieneś się posłużyć JavaScriptem. Zamień zewnętrzne znaczniki <a> na np. <div> i zobacz, czy przyniesie to oczekiwany rezultat.

EDIT:
Z <div>-ami działa, jak trzeba.

Ten post edytował mortus 13.04.2012, 14:07:31