Forum PHP.pl > [HTML]Form wychodzi poza div

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]Form wychodzi poza div

-qwerty-

5.04.2011, 17:52:24

Witam.

Tak jak w temacie. Dałem overflow: hidden;. Bez komendy <form ...> wszystko jest w porządku. W jakli sposób rozwiązać ten problem?

webfreak

5.04.2011, 18:19:36

zmien nazwe DIV`u w ktorym forma wyjezdza na form

np

masz klase

[CSS] pobierz, plaintext 
 
.klasa
 
[CSS] pobierz, plaintext

zmien na

[CSS] pobierz, plaintext 
 
form
 
[CSS] pobierz, plaintext

wtedy forma wezmie sobie styl ze starego diva i juz ci nei wyjedzie. Zadziała w 100%

-qwerty-

5.04.2011, 19:39:47

Zrobiłem jak pan mówił ale chyba w czym innym rzecz. Ten formularz zamiast znajdować się w polu diva znajduje się pod nim.

webfreak

5.04.2011, 19:42:13

a możesz mi wkleić kod

-qwerty-

5.04.2011, 19:55:39

[PHP] pobierz, plaintext 
 
<?php
session_start();
$login = $_SESSION['login'];
include('baza.php');
require("check.php");
?>
<style>
#okno {overflow: hidden; width: 300px; border: 1px solid black; padding-left: 10px; background-color: #808080; color: white; list-style-type: square;}
#okno_p {display:block; overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 10px; width: 300px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; background-color: #C0C0C0;}
 
</style>
<?php
 
$zapytanie = "SELECT * FROM `towar` WHERE `wlasciciel` = '$login'";
 
$wynik = mysql_query($zapytanie);
 
 
if($wynik){
 
	$num_rows = mysql_num_rows($wynik);
 
	if ($num_rows >0){
	echo "<table border='1'><tr><td style='background-color: #808080;'>Lp.</td><td style='background-color: #C0C0C0;'>Numer</td><td style='background-color: #808080;'>Nazwa</td><td colspan='2' align='center' style='background-color: #C0C0C0;'>Akcje</td></tr>";
$nr=1;
	while ($row = mysql_fetch_assoc($wynik)){
	echo "<tr><td style='background-color: #808080;'>".$nr++."</td><td style='background-color: #C0C0C0;'>".$row['towar_id']."</td><td  style='background-color: #808080;'>".$row['towar_nazwa']."</td><td style='background-color: #C0C0C0;'><a href='?zobacz=".$row['towar_id']."'>Dodaj do koszyka</a></td><td style='background-color: #808080;'><a href=''>Sprzedaj</a></td></tr>";
 
 
	if($_GET['zobacz'] == $row['towar_id'])
	{
	$id = $row['towar_id'];
	echo "<div id='okno'>
 
	<div style='float:left'>
<li align='left'><b>Przeglądasz produkt ".$row['towar_id']."</b></li>
</div>
 
 
 
 
 
 
	<b><a href='dom-towar.php'><img src='dialog-close.png' height='18' align='right' border='0' /></a></b></div>
 
 
	<div id='okno_p'>
 
$id = $row['towar_id'];
<form action='?zobacz=$id' method='post'>
	<select name='nazwa'>
		<option>1</option>
		<option>2</option>
		(...)
	</select>
 
 
	</div><br>";
	}
 
 
 
 
	}
 
 
 }else {echo "brak produktów";}
 
}else {echo "niema wyniku $wynik";}
 
 
 
 
 
[PHP] pobierz, plaintext

Istotny fragment kodu.

krzywy36

5.04.2011, 20:31:42

masz to gdzieś wrzucone na żywo? łatwiej się analizuje.

Edit: jak nie to podaj sam kod html + css (w przeglądarce -> "Wyświetl źródło strony" lub coś podobnego).

-qwerty-

5.04.2011, 21:34:42

[HTML] pobierz, plaintext 
<style>
#okno {overflow: hidden; width: 300px; border: 1px solid black; padding-left: 10px; background-color: #808080; color: white; list-style-type: square;}
#okno_p {display:block; overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 10px; width: 300px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; background-color: #C0C0C0;}
 
</style>
<table border='1'><tr><td style='background-color: #808080;'>Lp.</td><td style='background-color: #C0C0C0;'>Numer</td><td style='background-color: #808080;'>Nazwa</td><td colspan='2' align='center' style='background-color: #C0C0C0;'>Akcje</td></tr><tr><td style='background-color: #808080;'>1</td><td style='background-color: #C0C0C0;'>1</td><td  style='background-color: #808080;'>produkt</td><td style='background-color: #C0C0C0;'><a href='?zobacz=1'>Zobacz</a></td><td style='background-color: #808080;'><a href=''>Dodaj do koszyka</a></td></tr><div id='okno'>
 
 
	<div style='float:left'>
<li align='left'><b>Przeglądasz produkt 1</b></li>
</div>
 
 
 
 
 
 
	<b><a href='dom-produkt.php'><img src='dialog-close.png' height='18' align='right' border='0' /></a></b></div>
 
 
	<div id='okno_p'>
 
cos1<br>
cos2<br>
<form action=''>
 
	<select name='nazwa'>
		<option>Tu wpisz pierwszš możliwo?ć</option>
		<option>Tu wpisz drugš możliwo?ć</option>
		(...)
	</select>
</form>
			<br><br>					
	</div><br><tr><td style='background-color: #808080;'>2</td><td style='background-color: #C0C0C0;'>2</td><td  style='background-color: #808080;'>produkt</td><td style='background-color: #C0C0C0;'><a href='?zobacz=2'>Zobacz</a></td><td style='background-color: #808080;'><a href=''>Dodaj do koszyka</a></td></tr><tr><td style='background-color: #808080;'>3</td><td style='background-color: #C0C0C0;'>3</td><td  style='background-color: #808080;'>produkt</td><td style='background-color: #C0C0C0;'><a href='?zobacz=3'>Zobacz</a></td><td style='background-color: #808080;'><a href=''>Dodaj do koszyka</a></td></tr><tr><td style='background-color: #808080;'>4</td><td style='background-color: #C0C0C0;'>5</td><td  style='background-color: #808080;'>produkt</td><td style='background-color: #C0C0C0;'><a href='?zobacz=5'>Zobacz</a></td><td style='background-color: #808080;'><a href=''>Dodaj do koszyka</a></td></tr><tr><td style='background-color: #808080;'>5</td><td style='background-color: #C0C0C0;'>6</td><td  style='background-color: #808080;'>produkt</td><td style='background-color: #C0C0C0;'><a href='?zobacz=6'>Zobacz</a></td><td style='background-color: #808080;'><a href=''>Dodaj do koszyka</a></td></tr>
 
 
[HTML] pobierz, plaintext

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.