Jump to content

[SOLVED] Annoying Frame

DEVILofDARKNESS

By DEVILofDARKNESS
in CSS Help

 Share

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
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
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.