η φόρμα μου αλλάζει το κελί...

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από rafinos » 12 Ιαν 2012 17:01

παιδιά το form σε αυτό το κελί μου αλλάζει το κελί... και μου αφήνει ενα μεγάλο κενό στο κάτω μέρος του κελιού και το οποίο μου χαλάει τη διάταξη και δεν μπορώ να κεντράρο καλά το κουμπί...

Κώδικας: Επιλογή όλων

<td align='right' valign='bottom' height='50'>
										<form method='post' action='experience_edit.php' name='form$x' >
											<input type='submit' class='edit' value='Επεξεργασία' name='submit$x'>
											<input type='hidden' name='x' value='$x'>
											<input type='hidden' name='id' value='$id'>
											<input type='hidden' name='from_$x' value='$from'>
											<input type='hidden' name='to_$x' value='$to'>
											<input type='hidden' name='title_$x' value='$title'>
										</form>
									</td>
τα $x υπάρχουν γιατί αυτό που παράθεσα παραπάνω είναι κομμάτι από echo της php

Άβαταρ μέλους
charavge
Δημοσιεύσεις: 378
Εγγραφή: 14 Σεπ 2006 15:47

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από charavge » 12 Ιαν 2012 21:10

Έτσι εγώ δε θα μπορούσα να ξεκαθαρίσω κάτι. Ίσως να έχεις ορίσει διάφορες ρυθμίσεις στον πίνακά σου που να επηρεάζουν την εμφάνιση των περιεχομένων. Αν δε δούμε τι πίνακα έχεις...
Θα σου πρότεινα να αφήσεις τον πίνακα και να βάλεις καθαρή CSS. Είναι απλή και εμφανίζεις τα περιεχόμενά σου όπως θες.
Αν παρόλα αυτά επιμένεις να δουλέψεις με πίνακα, δες αυτό ίσως βοηθήσει:
http://www.cs.tut.fi/~jkorpela/forms/tables.html

Κάτι τελευταίο, εάν έχεις χρησιμοποιήσει ήδη CSS, έλεγξε αν έχεις ορίσει εσύ το κενό...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από rafinos » 12 Ιαν 2012 21:34

να σου πω την αλήθεια δεν ήθελα να σας δώσω όλο τον κώδικα γιατί στάνταρ θα μου πείτε ότι είναι λάθος αυτό που κάνω :P

αν βγάλω το <form> από το κελί γίνεται όπως πρέπει να είναι...

παρακάτω ολόκληρος ο κώδικας!

Κώδικας: Επιλογή όλων

<?php
	session_start&#40;&#41;;

	if&#40;!isset&#40;$_SESSION&#91;'username'&#93;&#41;&#41;&#123;
		header&#40;"location&#58; index.php"&#41;;
	&#125;else&#123;
		include &#40;"connect.php"&#41;;
	?>
<html>
<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<title>Σύστημα διαχείρισης βιογραφικών</title>
		<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
	<img src="images/logo.png" height="150" width="150">
	<hr />
	<div id="links">
		<div id="home">
			<a href="index.php"></a>
		</div>
		<div id="profile">
			<a href="profile.php"></a>
		</div>
		<div id="logout">
			<a href="logout.php"></a>
		</div>
	</div>
	<center>
		<table width="60%">
			<tr>
				<td  colspan="2" id="table_heading">Εργασία</td>
			</tr>
			<?php
				$query = mysql_query&#40;"SELECT experience.* FROM experience INNER JOIN user_data on &#40;experience.id = user_data.id&#41; WHERE user_data.username = '".$_SESSION&#91;'username'&#93;."' ORDER BY experience.from_year Desc"&#41;;
				$count = mysql_num_rows&#40;$query&#41;;
				if&#40;$count == 0&#41;&#123;
					echo "<tr bgcolor='white'>";
					echo "<td width='100%'>";
					echo "<form method='post' action='experience.php' id='form'>";
					echo "<table bgcolor='white' width='100%'>
								<tr>
									<td align='center' class='info'>Δεν υπάρχει!</td>
								</tr>
								<tr>
									<td align='center'><input type='submit' name='submit' value='Προσθήκη'></td>
								</tr>
							</table>";
					echo "</form>";
					echo "</td>";
					echo "</tr>";
					
				&#125;else if&#40;$count > 0&#41;&#123;
					echo "<tr bgcolor='white'>";
					echo "<td width='100%'>";
					echo "<table bgcolor='white' width='100%'>";
					$x = 1;
					while&#40;$row = mysql_fetch_assoc&#40;$query&#41;&#41;&#123;
						$from =  $row&#91;'from_year'&#93;;
						$to =  $row&#91;'to_year'&#93;;
						$title =  $row&#91;'title'&#93;;
						$id = $row&#91;'T_id'&#93;;
						echo "<tr>
									<td align='right'>
										<form method='post' action='experience_edit.php' name='form$x' >
											<input type='submit' class='edit' value='Επεξεργασία' name='submit$x'>
											<input type='hidden' name='id' value='$id'>
											<input type='hidden' name='from' value='$from'>
											<input type='hidden' name='to' value='$to'>
											<input type='hidden' name='title' value='$title'>
										</form>
									</td>
									<td width='80'>
										<form method='post' action='experience_delete.php' name='form$x' >
											<input type='submit' class='delete' value='Διαγραφή' name='delete$x'>
											<input type='hidden' name='id' value='$id'>
										</form>
									</td>
									<td class='basic' width='100' '>$from - $to &#58;</td><td class='info'>$title</td>
								</tr>";
						$x++;
					&#125;
					echo "<form method='post' action='experience.php' name='add'>";
					echo "<tr><td colspan='4' align='center'><input type='submit' name='submit' value='Προσθήκη'></td></tr>";
					echo "</table>";
					echo "</td>";
					echo  "</tr>";
					echo "</form>";
				&#125;
				?>
		</table>
	</center>
</body>
</html>
	<?php
		&#125;
	?>

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από korgr » 12 Ιαν 2012 21:48

Συμβουλή:
Μην βάζεις HTML μέσα στην PHP (echo)
Βάζε PHP μέσα στην HTML

ΠΧ αυτό:

Κώδικας: Επιλογή όλων

            if&#40;$count == 0&#41;&#123;
               echo "<tr bgcolor='white'>";
               echo "<td width='100%'>";
               echo "<form method='post' action='experience.php' id='form'>";
               echo "<table bgcolor='white' width='100%'>
                        <tr>
                           <td align='center' class='info'>Δεν υπάρχει!</td>
                        </tr>
                        <tr>
                           <td align='center'><input type='submit' name='submit' value='Προσθήκη'></td>
                        </tr>
                     </table>";
               echo "</form>";
               echo "</td>";
               echo "</tr>";
               
            &#125;
πρέπει να είναι έτσι:

Κώδικας: Επιλογή όλων

            if&#40;$count == 0&#41;&#123;
                 ?>
               <tr bgcolor='white'>
               <td width='100%'>
               <form method='post' action='experience.php' id='form'>
              <table bgcolor='white' width='100%'>
                        <tr>
                           <td align='center' class='info'>Δεν υπάρχει!</td>
                        </tr>
                        <tr>
                           <td align='center'><input type='submit' name='submit' value='Προσθήκη'></td>
                        </tr>
                     </table>
               </form>
              </td>
              </tr>
             <?php  
            &#125;

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από dva_dev » 12 Ιαν 2012 21:49

Για δοκίμασε το

Κώδικας: Επιλογή όλων

                              </form>
                           </td>
να το κάνεις

Κώδικας: Επιλογή όλων

                              </form></td>
γιατί έχεις μια αλλαγή γραμμής και μετά κενά, οπότε ίσως να οφείλεται εκεί το κενό μετά το form.

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από rafinos » 12 Ιαν 2012 21:56

korgr έγραψε:Συμβουλή:
Μην βάζεις HTML μέσα στην PHP (echo)
Βάζε PHP μέσα στην HTML

ΠΧ αυτό:

Κώδικας: Επιλογή όλων

            if&#40;$count == 0&#41;&#123;
               echo "<tr bgcolor='white'>";
               echo "<td width='100%'>";
               echo "<form method='post' action='experience.php' id='form'>";
               echo "<table bgcolor='white' width='100%'>
                        <tr>
                           <td align='center' class='info'>Δεν υπάρχει!</td>
                        </tr>
                        <tr>
                           <td align='center'><input type='submit' name='submit' value='Προσθήκη'></td>
                        </tr>
                     </table>";
               echo "</form>";
               echo "</td>";
               echo "</tr>";
               
            &#125;
πρέπει να είναι έτσι:

Κώδικας: Επιλογή όλων

            if&#40;$count == 0&#41;&#123;
                 ?>
               <tr bgcolor='white'>
               <td width='100%'>
               <form method='post' action='experience.php' id='form'>
              <table bgcolor='white' width='100%'>
                        <tr>
                           <td align='center' class='info'>Δεν υπάρχει!</td>
                        </tr>
                        <tr>
                           <td align='center'><input type='submit' name='submit' value='Προσθήκη'></td>
                        </tr>
                     </table>
               </form>
              </td>
              </tr>
             <?php  
            &#125;
σε αυτό το κομμάτι κώδικα δεν έχω κανένα πρόβλημα ..
μόνο στα td με τα κουμπάκια έχω :( (και εκείνο μόνο με το κενό που μου βγάζει από κάτω... Πφφφφφ)

dva_dev έγραψε:Για δοκίμασε το

Κώδικας: Επιλογή όλων

                              </form>
                           </td>
να το κάνεις

Κώδικας: Επιλογή όλων

                              </form></td>
γιατί έχεις μια αλλαγή γραμμής και μετά κενά, οπότε ίσως να οφείλεται εκεί το κενό μετά το form.
το δοκίμασα... καμία διαφορά!

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από fafos » 12 Ιαν 2012 22:19

Κώδικας: Επιλογή όλων

#form&#123;padding&#58;0;margin&#58;0;&#125;
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από rafinos » 12 Ιαν 2012 22:34

Εντάξει τι να πω... δεν μου κόβει καθόλου!!!

Για ακόμη μία φορά ευχαριστώ!

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από korgr » 13 Ιαν 2012 09:31

rafinos έγραψε: σε αυτό το κομμάτι κώδικα δεν έχω κανένα πρόβλημα ..
μόνο στα td με τα κουμπάκια έχω :( (και εκείνο μόνο με το κενό που μου βγάζει από κάτω... Πφφφφφ)
Η συμβουλή δεν αφορούσε το πρόβλημά σου αλλά το να γίνεις καλύτερος developer στο μέλλον :wink:
Με τον τρόπο που σου λέω, αν κάποιος ανοίξει τον κώδικα σου σε WYSIWYG Editor (πχ DreamWeaver) θα το δει σωστά ως html και όχι μικρά συμβολάκια που αναπαριστούν php κώδικα.

rafinos
Δημοσιεύσεις: 301
Εγγραφή: 15 Μάιος 2011 00:20
Επικοινωνία:

η φόρμα μου αλλάζει το κελί...

Δημοσίευση από rafinos » 13 Ιαν 2012 23:22

korgr έγραψε:
rafinos έγραψε: σε αυτό το κομμάτι κώδικα δεν έχω κανένα πρόβλημα ..
μόνο στα td με τα κουμπάκια έχω :( (και εκείνο μόνο με το κενό που μου βγάζει από κάτω... Πφφφφφ)
Η συμβουλή δεν αφορούσε το πρόβλημά σου αλλά το να γίνεις καλύτερος developer στο μέλλον :wink:
Με τον τρόπο που σου λέω, αν κάποιος ανοίξει τον κώδικα σου σε WYSIWYG Editor (πχ DreamWeaver) θα το δει σωστά ως html και όχι μικρά συμβολάκια που αναπαριστούν php κώδικα.
ΟΚ φίλε μου!!! Θα προσπαθήσω να το εφαρμόζω!!!! :)

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης