Jump to content

[SOLVED] Annoying Frame

DEVILofDARKNESS

By DEVILofDARKNESS
in CSS Help

Recommended Posts

DEVILofDARKNESS Regular Member

DEVILofDARKNESS

Posted
Posted

Like you can see on the attachments I have a frame on the left

(also on the right but that doesn't matter now),

 

on every tab from that frame I click, the frame is printed out like it should, only if I click on attack it isn't printed out like it should (you can see that only a part of the frame is visible).

 

I will include the code, maybe someone can help me. (I didn't include the php because I think that will not affect the css or the html)

 

attack.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>ATTACK!</title>
	<link href="./css/index.css" rel="stylesheet" type="text/css">
	<link href="./css/attack.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
<form action='' method='post'>
<div id="header">
	ATTACK
</div>
<div id="left_navigation">
	<iframe src='./navleft.php' height='100%' width='100%' frameborder="0" scrolling="No"></iframe>
</div>
<div id="main_overview">
	<div class="attack_header">
		Step 1: Choose Your Target
	</div>
	<div class="attack_text">
		<?php
		while(...){ // NYAR Not Your Active Regions
			echo "<div class='attack_left'>" . $NYAR['region_name'] . "</div><div class='attack_right'><input type='radio' name='radioNYAR' value='" . $NYAR['region_id'] . "'></div>";
		}
		?>
	</div>
	<?php
	if($region = "visible"){
	?>
	<div class='attack_header'>
		Step 2: Choose the region from where you want to attack
	</div>
	<?php
	if(...){echo "<div class='attack_left'>" . $YAR['region_name'] . "</div><div class='attack_right'><input type='radio' name='radioYAR' value='" . $YAR['region_id'] . "'></div>";
}else{
echo "<div class='attack_center'>Oops You Don't have any regions</div>";
	}
	?>
	<div class='attack_header'>
		Step <?php echo $stepnext; ?>: Next!
	</div>
	<div class='attack_center'>		
		<input type='submit' name='submit' value='Next!'>
	</div>
</div>
<div id="right_navigation">
	<iframe src="./navright.php" frameborder="0" width="100%" height="100%" scrolling="No"></iframe>
</div>
<div id="footer_overview">
	<iframe src="./footernav.php" frameborder='0' width="100%" height="100%" scrolling="No"></iframe>
</div>
</form>
</div>
</body>
</html>

 

overview.php (first image)

<html>
<head>
<title>CriticalInvasion - Overview</title>
<link href="./css/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
<div id="header">
	Overview
</div>
<div id="left_navigation">
	<iframe src='./navleft.php' height='100%' width='100%' frameborder="0" scrolling="No"></iframe>
</div>
<div id="main_overview">
	<div id="events_header">
		Last Events
	</div>
	<div id="events_nation">
		<?php
		while(...){
			echo $natevents['e_n_type'] . "<br>";
		}
		echo "<p>";
		?>
	</div>
	<div id="events_alliance">
		<?php
		while(...){
			echo $allevents['e_a_type'] . "<br>";
		}		
		?>
	</div>
</div>
<div id="right_navigation">
	<iframe src="./navright.php" frameborder="0" width="100%" height="100%" scrolling="No"></iframe>
</div>
<div id="footer_overview">
	<iframe src="./footernav.php" frameborder='0' width="100%" height="100%" scrolling="No"></iframe>
</div>
</div>
</body>
</html>

 

index.css

* {

margin: 0;

padding: 0;

text-align: center;

font-family: 'Times New Roman';

/*
border-style: solid;

border-width: 1px;

border-color: red;
*/

}

body {

color: #FFFFFF;

width: 100%;

height: 100%;

background-color: #000000;

}

/************************* ID's *************************/
#box {

width:100%;

height:100%;

}

#header {

color: red;

text-decoration: underline;

width: 100%;

height: 5%;

text-align: center;

font-size: 15pt;

font-weight: bold;

}

#navigation {

float: left;

text-align: center;

width: 90px;

height: 90%;

margin: 15px 10px 0 50px;

}

#left_navigation {

float: left;

text-align: center;

width: 90px;

height: 75%;

margin: 10px 10px 0 50px;

}

#main {

float: left;

text-align: center;

margin-top: 15px;

padding-top: 50px;

width: 80%;

height: 80%;

}

#main_overview {

float: left;

text-align: center;

margin-top: 10px;

width: 75%;

height: 75%;

}

#events_header {

text-align: center;

width: 100%;

height: 10%;

}

#events_nation{

text-align: center;

width: 100%;

height: 45%;

}

#events_alliance{

text-align: center;

width: 100%;

height: 45%;

}

#right_navigation {

float: right;

text-align: center;

width: 90px;

height: 75%;

margin-top: 10px;

margin-left: 10px;

margin-right: 50px;

}

#footer {

float: left;

text-align: center;

width: 100%;

height: 9%;

}

#footer_overview {

float: left;

text-align: center;

width: 100%;

height: 14%;

}

#text_header {

font-style: italic;

text-decoration: underline;

margin-top: 15px;

margin-bottom: 12px;

}

#text_text {

font-style: normal;

text-decoration: normal;

}

/***************** Classes ******************/

h2.nav {

height: 30px;

font-size: 14pt;

border-style: solid;

border-color: white;

border-width: 1px;

padding-top: 2px;

padding-bottom: 2px;

font-weight: bold;

text-align: center;

}

h2.fnav {

height: 15px;

font-size: 12pt;

font-weight: bold;

}

h2.ranks {

height: 20px;


font-size: 15pt;

font-weight: bold;

border-style: solid

border-width: 1px;

border-color: white;

}

li.nav {

height: 26px;

list-style-type: none;

font-size: 11pt;

border-style: solid;

border-color: gray;

border-width: 1px;

padding-top: 2px;

padding-bottom: 2px;

text-align: center;

}

li.nav2 {

list-style-type: none;

height: 0px;

}

li.ranks {

list-style-type: none;

height: 30px;

font-size: 12pt;

border-style: solid;

border-color: gray;

border-width: 1px;

font-weight: normal;

}

h3.rnav {

height: 30px;

font-size: 11pt;

border-style: solid;

border-color: gray;

border-width: 1px;

padding-top: 2px;

padding-bottom: 2px;

font-weight: normal;

}

h3.fnav {

height: 15px;

font-size: 11pt;

font-weight: normal;

}

h3.ranks {

height: 30px;

font-size: 12pt;

font-weight: normal;

}

img.rnav {

height: 30px;

width: 100px;

border-style: solid

border-color: white

border-width: 1px;

padding-top: 2px;

padding-bottom: 2px;

}

a:link {

color: #FFFFFF;

}

a:visited {

color: #FFFFFF;

}

a:active {

color: #FFFFFF;

}

a:hover {

color: #FFFFFF;

}

 

attack.css

div.attack_header {

float: left;

font-weight: bold;

height: 25px;

width: 100%;

margin-top: 15px;

margin-bottom: 15px;

}

div.attack_left {

float: left;

height: 25px;

width: 70%;

}

div.attack_right {

float: left;

height: 25px;

width: 30%;

}

div.attack_center {

float: left;

height: 25px;

width: 100%;

}

I hope there is someone who could explain what I've done wrong...

 

[attachment deleted by admin]

Link to comment
https://forums.phpfreaks.com/topic/169731-solved-annoying-frame/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.