Forum PHP.pl > Problem z nadpisywanie id

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Dandelion

14.11.2006, 18:24:39

skrypt php wyciaga z bazy danych odpowiedni rekordy nastepnie w petli tworzy tabelke w ktorej sa wyswietlane wyglada ona nastepujaco

kod ktory tworzy ta tabelke wyglada tak

[PHP] pobierz, plaintext 
<?php
echo"
				<table id="edycja_tabeli" summary="Lista użytkowników" >
					<caption></caption>
				<thead>
					<tr>
						<th>ID</th>
						<th>Login</th>
						<th>Imię</th>
						<th>Nazwisko</th>
						<th>Data dodania</th>
						<th>Grupa</th>
					</tr>
				</thead>
				<tbody>
			";	
 
 
 
		while ($row = mysql_fetch_assoc($result)){
		$id = $row['id'];
		$login = $row['login'];
		$imie = $row['imie'];
		$nazwisko = $row['nazwisko'];
		$data_dodania = $row['data_dodania'];
		$grupa = $row['grupa'];
 
 
		echo"
 
 
					<tr id="edycja">
						<td>$id</td>
						<td>$login</td>
						<td>$imie</td>
						<td>$nazwisko</td>
						<td>$data_dodania</td>
						<td>$grupa</td>
						<td><a href="admin.php?akcja=users&amp;edycja=$id">Edytuj</a></td>
						<td id="link2"><a href="admin.php?akcja=users&amp;usun=$id">Usuń</a></td>
					</tr>
			";
		 
		};
		echo "
				</tbody>
				</table>
			";
?>
[PHP] pobierz, plaintext

CSS:

Kod

/*------------------------
Definicja tabel sluzacych
do edycji w acp
--------------------------*/
table#edycja_tabeli{
    width: 500px;
    background-color: #bedded;
    border-spacing:0px;
    border: 0px;
    text-align: center;
}

#edycja_tabeli td{
}

#edycja_tabeli tr#edycja:hover{
    background:#e6e6e6; /*kolor podswietlenia komorek*/
}

#edycja td#link2:hover{
    background:#ffa531; /*kolor podswietlenia pola usun*/
}

wydaje mi sie ze powinenem zastosowac klasy w css i tak dalej niestety to tylko takie proste przypuszczenie

Chcialbym zeby definicje id="link2" nie bylo przypisaniem id tylko jak by taka informacja ze ma korzystac z danej czesci pliku css

Ps:

tak wyglada gotowe zrodlo tabelki

Kod

    <table id="edycja_tabeli" summary="Lista użytkowników" >
                    <caption></caption>
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>Login</th>
                        <th>Imię</th>
                        <th>Nazwisko</th>
                        <th>Data dodania</th>
                        <th>Grupa</th>
                    </tr>
                </thead>
                <tbody>



                    <tr id="edycja">
                        <td>1</td>
                        <td>lewy</td>
                        <td>pawel</td>
                        <td>lewinski</td>
                        <td>2006-11-08</td>
                        <td>1</td>
                        <td><a href="admin.php?akcja=users&edycja=1">Edytuj</a></td>
                        <td id="link2"><a href="admin.php?akcja=users&usun=1">Usuń</a></td>
                    </tr>



                    <tr id="edycja">
                        <td>2</td>
                        <td>Kasia</td>
                        <td>Katarzyna</td>
                        <td>Jachimowicz</td>
                        <td>2006-11-13</td>
                        <td>1</td>
                        <td><a href="admin.php?akcja=users&edycja=2">Edytuj</a></td>
                        <td id="link2"><a href="admin.php?akcja=users&usun=2">Usuń</a></td>
                    </tr>

                </tbody>
                </table>

Ziels

14.11.2006, 19:26:51

Może class="klasa_linku" ?

Dandelion

14.11.2006, 21:03:06

dzieki rozwiazanie

zamienic id na klas i w css

tr.edycja:hover{
background:#e6e6e6; /*kolor podswietlenia komorek*/
}

td.link2:hover{
background:#ffa531; /*kolor podswietlenia pola usun*/
}

Zajec

14.11.2006, 21:38:39

Polecam jeszcze

Kod

td.link2 a { display: block;

Dzięki temu, link będzie łatwiej klikalny.

Dandelion

15.11.2006, 01:18:13

faktycznie display:block dla linku ulatwia zycie

dzieki

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.