|
HTML - How Do I Define Page Minimi Width?
So i just added some google adsense floating ads to my website. They looked pretty nice where they were BUT when i tried it in a thin screen, it falls. So how do I define the border of when the horizonal scrollers appear?
BTW: the site where I need to define width is http://akkeonline.com Thanks in advance, AkkeDaBest Similar Tutorialsdear guys: i have a javascript code which shows 10 recent post of my blog by RSS, there is a advertise of that site at the bottom of it, some friend told me to add : <div> tags to it and define width and height for it and for the height change the number until the ad disappears... also he told me to put the flow on "hidden" but i don't understand much can u help me out? here is an example: Code: <script type='text/javascript' src='http://rssReader.com/code.php?t=1&back=_fff&color=_444&box=_fff&max=10&rss=http://sokkan.ir/post/rss/' ></script> Hi first tech question in ages... Anyway... I've seen a bunch of pages designed at 962px in width. Anyone know where this figure comes from? For example when we all used to design at 800px I would set width at 740px to cater for all browsers scroll bars etc. Is this how the new 962px figure is derived? Hey so how come my div wont go across the whole page width? my code: Code: <style type="text/css">
#adminbar {
background-color: #464646;
background-image: -moz-linear-gradient(center bottom , #3F3F3F, #464646 5px);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
color: #DDDDDD;
font: 11px sans-serif;
height: 28px;
position: relative;
width: 100%;
z-index: 99999;
}
</style>
<div id="adminbar">
<p> hi there</p>
</div>
Here is what it looks like: Please help, i would greatly apreciate it. I'm trying to make a layout that takes up 100% of the page, but isn't fixed. So it moves whenever the browser is resized. However I can't get the code to work for the footer and the two inner divs. Is how I want it to look like. The white and light gray and the two content boxes. The black are the header and footer which need to be at the absolute top and bottom, respectively. The dark gray are both static images. The bottom dark gray one needs to be positioned at the same place as the footer background. The red are both content boxes that need to be centered in the middle of the light gray div and the white div. And lastly the blue is an image that needs to stay static right next to the light gray div. Anyone know how I would go about coding it? Or if anyone is willing to code me a simple block template I'd really appreciate it. Thanks =] I am currently working on a website. It has been a while since I created websites professionally, about 10 years infact, so although a lot of it is coming back to me I can't seem to get around this problem... A friend has created a template to use for all our pages and has sent me some pages to check. They appear fine on both her computers, of differing screen sizes, but on my screen I have to scroll right across to see what's on the right-hand side. If I didn't know it was supposed to be there, I wouldn't have known to look for it IYKWIM?! Why isn't the page adjusting to fit my screen width automatically? It seems it is doing on my friend's screens. But not on mine. She hasn't specified a width, ie. by way of placing the entire contents of the page in a table. So as far as I can remember, from 10 years ago, it should automatically adjust. Is that still correct? I have tried using her HTML and amending it by putting the whole page in a table with a width of 700 pixels, which should fit on my screen, but it didn't make any difference. Any ideas?? I'm still extremely new to coding in html and I'm trying to figure out how to code in all the divides and space them out where I want to but I can't figure out what makes the menus and ad space and main body conform to the shape it is in on this code: And apparently I can't fit it all into a post but the web page is he http://www.huntingtonnews.net If anyone knows about how to space divides, menu bars, and such can you please look at that page and view source and give me a hint? Thanks... Codeguru Hi, I'm kind of new to HTML and I've been trying to make a website that has 3 frames in it. One frame extends across the entire top of the page and has about a 100 pixel height. The second frame extends the entire length of the page, but only has a width of about 200 pixels. Which leaves the rest for the thrid frame. I'm doing this so that frames one and two don't change and all of the content changes in the third frame. I'm running into an issue, because I cannot figure out how to get one frame extend across the top and one fram extend the length of the page. I can do one or the other but not both. is there any way that I can configure the columns and rows so that the page takes on this look? Thank you. here is a visual of what I'm trying to do: Code: ____________________ | 1 | |__________________| | | | | | | | 2 | 3 | | | | -------------------- I have created a website, and its aligned in a table Is there anyway I can make the height and width determined by the size of the screen without distorting the image? I'm fairly new to this, Thanks. hello Every can any one tellme How can i make a webpage open in Fixed height and Width which is to be opened by a Hyperlink Example : like when you click On MORE link From The Smilies in this Forum it open a Small Window Resizeble Window Hi all, I'd really appreciate some help on this one. I have a program which outputs very long strings of text to a HTML page. At the moment the text stays on one line resulting in an annoying horizontal scrollbar. How do I get the page to automatically format the text so that it all fits within a standard width, and so there's no horizontal scrollbar? Regards, Ruth im creatinh a box containing a text. The box must be wide enough to fill a text. menu.style.width = tekst.length - this functioin gives the number of letters in text. So if the text is "hello" then the width is 5 pixels. But i need the widith of pixels needed to fit the text in a box. How can i do that? I have a website built with frames very similar to this site: http://www.geoffreypopemusic.com/ This is the snippet of code that I have in my index.html: Code: <frameset rows="140,*" frameborder="0" border="0" framespacing="0"> <frame name="topNav" src="top_nav.html"> <frameset cols="200,*" frameborder="0" border="0" framespacing="0"> <frame name="menu" src="menu_1.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> <frame name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize> With this, the nav fram is 140 pixels in width, and the content frame is the remaining length (correct?). However, I want the content frame to be only 500 pixels instead of the remainder of the screen like in the website above. Can anyone point in me the right direction to make the frame a defined width? Thanks! Hello. I have a file SVG that displays on the page like this: see page. Code: <Object type ="Image / svg + xml" data ="Http://nicorobin.olympe-network.com/commun/personnages/gouvernement-mondial/flag_world-government.svg" height ="120" width ="140"> </ Object> </ a> But as you can see the image is not reduced to the size you want, it's just a part of this size. I wonder how we can define the size of a SVG for a given page (as can be done with <Img /> ) ? Thank you. Reminder <embed> never been valid, that's why I use <object>. The aim of the subject is to solve my problem. So to speak of SVG in general or on the web, it is not suitable topic. Hi, Is there away to force my website to fit an Iphone screen when viewed on the iphone. At the moment the width doesn't full span the Iphones screen so it looks bad. http://pjm.co.uk.uksite4.yourwebserv...splay&PageID=5 Thanks alot Joe Code: <?php
if (file_exists("install.php")) {
die('You are seeing this message because either you haven\'t ran the install file yet, and can do so <a href="install.php">here</a>, or already have, and <strong>must delete it</strong>.');
}
if (!isset($_GET['info'])) {
$preconfig_db_unnecessary = true;
}
require 'config.php';
$menufile = (KU_STATICMENU) ? 'menu.html' : 'menu.php';
$menusize = (KU_MENUTYPE == 'normal') ? '30px' : '10%';
$mainsize = 100-$menusize . '%';
header("Expires: Mon, 1 Jan 2030 05:00:00 GMT");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><?php echo KU_NAME; ?></title>
<link rel="shortcut icon" href="<?php echo KU_WEBPATH; ?>/favicon.ico" />
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}
#menu {
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
border: 0px;
height: 100%;
width: <?php echo $menusize; ?>;
}
#main {
position: absolute;
left: <?php echo $menusize; ?>;
top: 0px;
border: 0px;
height: 100%;
width: <?php echo $mainsize; ?>;
}
</style>
</head>
<?php
if (isset($_GET['info'])) {
require KU_ROOTDIR . 'inc/functions.php';
echo '<body>';
echo '<h1>General info:</h1><ul>';
echo '<li>Version: kusaba x ' . KU_VERSION . '</li>';
$bans = $tc_db->GetOne("SELECT COUNT(*) FROM `".KU_DBPREFIX."banlist`");
echo '<li>Active bans: ' . $bans . '</li>';
$wordfilters = $tc_db->GetOne("SELECT COUNT(*) FROM `".KU_DBPREFIX."wordfilter`");
echo '<li>Wordfilters: ' . $wordfilters . '</li>';
echo '<li>Modules loaded: ';
$modules = modules_list();
if (count($modules) > 0) {
$moduleslist = '';
foreach ($modules as $module) {
$moduleslist .= $module . ', ';
}
echo substr($moduleslist, 0, -2);
} else {
echo 'none';
}
echo '</li>';
echo '</ul>';
echo '</body></html>';
die();
}
?>
<body>
<iframe src="<?php echo $menufile; ?>" name="menu" id="menu">
<a href="<?php echo KU_WEBPATH . '/' . $menufile; ?>"><?php echo KU_NAME; ?></a>
</iframe>
<iframe src="news.php" name="main" id="main">
<a href="<?php echo KU_WEBPATH;?>/news.php"><?php echo KU_NAME; ?> Navigation</a>
</iframe>
</body>
</html>
Okay so this is the code for the index.php page, what it does is displays a menu frame on the left at 15% of the page, and then the content page on the rest of it. What I would like it to do is instead of using 15% for the right frame I would like to use 180pixels instead, and the left frame should take up the remainder of the page. This frame is different for me though as it uses the stylesheet to supply it's width, height, border, and ect. Hello! I am trying to figure out how sites makes banners that are always 100% of the screen width no matter what resolution. I tried <table width=100% border=0> but there is still some white space around the edges so its not really 100%. Is it a style sheet command that does this? Thanks! Hi, I have a question to all. How can I made 100% header (bg only), normal content area (fixed width) then 100% box and below normal content area (fixed wifth and at last 100% footer. </HEAD><FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=132,*,132 margin="0"><FRAME src="index_files/left.htm" noResize><FRAME src="index_files/center.htm" noResize><FRAME src="index_files/right.htm" noResize></FRAMESET></HTML> that is my IFrame, how do I set the max width to something ? trying to make my iframe same width as my banner www.smileguild.com Does anyone know the average width of a screen in html code? I'm using a widescreen labtop to create a website, and I'd like to design it for the normal size screen. |
|||||||