HTML - Increase Size

I was wondering how I could increase the width of the box. I thought it would be in the "width" field, but it did not work. COding below.


<style>
.box, .box * { margin:0; padding:0; }
.box { overflow:hidden; }
.box, .box p, box img { margin:1em 0; border:none !important; }
.box .title { margin:0.5em 0; }
.box .left, .box .right { padding:5%; float:left; width:46%; }
.box .left { background:#efefef; }
</style>
<div class="box">
<div class="left">
<h2 class="title">Title&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;<fb:share-button class="url" href="http://facebook.com/
test" />
</h2>
<p>Content above image.</p>
<img src="http://i.imgur.com/test.jpg" />
</div>
<div class="right">
<p>Content to the right of the image here</p>
<p>More text content on the right<br />This line isn't as spaced out <a href="path/to/file.html">link in content</a></p>
<a href="http://www.test.com" target="_blank">Your link</a>
</div>
</div>

Here's some existing old school code that I will be converting to CSS, but first wanted to

get it right.

I Will probably leave the line-through attribute as in-line style.

I am unable to increase the weight of the line-through. I have tried several different ways,

but none seem to work.

I have successfully changed the line-through color, but that's about it.



<td align="center" class="fon003" >
<p> Retail Price
<span style='color:#F75F04; font-weight:bold;text-decoration:line-through'>
<span style='color:black'>$134.99 </span> </span>
&nbsp; - &nbsp; Check our Price
</p>
</td>

?????????

Thanks,

Dorian

Hey there

google.com/search?q=google&num=50

Does anyone know if there is a GET paramater for Bing to increase results?


The cookies store this:
NEWWND=0&ADLT=DEMOTE&NRSLT=50&NRSPH=2&SRCHLANG=

i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame
now this 1.htm is quite a long frame and has a scrollbar
and 2.htm is a short one
i dont the scroll bar beside my frame 1 but want it to be for my entire parent window
ie i wont to scroll both my left and right frames together
how do i do that

Hi!

I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window.

How can I make it do that?

I did it once but just can't seem to remember how I did it.

Thanks

All:

Working to update a previously designed website.

Original design uses an <img> tag to create a top banner and another <img> tag
to create a side banner.

In each case there are mapped coordinates on each banner as links for the subsequent pages.

Basic page design is as follows:

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td>
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <div>
         ***PAGE CONTENT***
      </div>
   <tr>
<table>

The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages
to be much longer or shorter than others.

This causes some inconsistencey in the relationship between the side banners height and the
page content.

In other words in some cases the banner is exceptionally longer than the page content and the
reader must scroll past significant "dead-space" before being brought to the lowest
mapped links in the side banner; or...

...in some cases the side banner is significantly shorter than the page content causing the
banner image to appear "poorly-fit" to the page design.

I considered altering the 2nd table instance in the above design so that the banner is carried
in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the
image to size relative to the <td> tag carring the content....

Code:

<table>
   <tr>
      <td>
         <img usemap="Map1">
         <map name="Map1">
            <area>
            <area>
            <area>
         </map>
      </td>
   </tr>
</table>
<table>
   <tr>
      <td size="100%">
         <img name="Map2">
         <map>
            <area>
            <area>
            <area>
         </map>
      </td>
      <td size="100%" >
         <table>
            ***PAGE CONTENT***
         </table>
      </td>
   <tr>
<table>

The problem I've found with this is that as the content size causes the image to "flex", either
readablilty or image quality or both are effected, AND the mappings become inconsistent as the
image coordinates constantly change.

I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there
are better ideas I'm overlooking.

One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a
"defalut" page size that would never be smaller than a standard for the side banner.
Problem: larger page sizes are still a problem as are the changing map coordinates

My other idea was to return to the original page design listed first above and again settle on
a standard side banner "height"... ...any page that was significantly longer than that height
would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to
the additional content.
Problem: ...possible complications splitting content...
Benefit: ...consistent page design that allows a consistent side banner with navigable links...


Question for the group:
Does this sound reasonable?
Are there better alternatives I am overlooking?

THANKS IN ADVANCE FOR ALL INPUT!!

I'd like my div to automatically expand when there is more text but I don't want it smaller than a certain size. Is this possible? Please look at the following site to see what I mean and click on the Writing tab. (The right hand div is what I'd like to fix--you see the text is cut off.) Thank you so much!

http://rkgrant.110mb.com/rkghome2.html

My website will have a picture that is cut in 3 parts (see below for the chop up).
now my question is. I want the sides to gradually disapear if the browser window becomes smaller, as the main part of the website is displayed on the middle part of the website

Say that the total size of the image is 1300px. and the respectively from left to right. the picture is chopped up in 250px - 800px - 250px.
now if the browser is wide enough it would just show the whole 1300px of the website. however if the browser is at most able to show 1000px of the website, the side would reduce corespondingly
showing the website as 100px - 800px - 100px. and that offcourse that the picture on the left side doesn't look weird.

I hope everything is still clear.

it bassically means that of the 250px of the left picture, the picture would be cut up from left to right, rather than the default right to left.
thus cutting 150px away from the left and not the right. leaving the colors in the picture below, continue on flowing like they should.

How would I go about doing this?

Could someone give me some assistance on sizing a frame correctly?

On the following page, I cannot seem to get the height of the background (behind the form) sized properly, leaving the line through the submit button.

http://www.sutherlandlegal.com/contactus/index.html

Appreciate any help...

Hello Folks,

Okay, I am trying to finally master this. I am working with a CSS Joomla layout that has some flash as main content (for images). I would like for this layout to resize based on the visitors screen size. I've played around with the % in width and so-forth. However my embedded Flash starts to scoot around the page as I change the size of the window. Can someone guide me on exactly how to do this so that "all" the info scales and stays in place. I am assuming that there will be an issue for the site getting really big if the person uses a massive screen (say 27inch plus) In that case how do you limit the size?

Any help will be most appreciated.

Here's my code:

Code:

<div align="center" style="background-color:#4D4D4D;width:1000px;height:30px;border:1px 
solid #00137F;filter:progid:DXImageTransform.
Microsoft.Glow(color=#00137F)">

I can't get the DIV to change size. I know I haven't put 'Width="" height="" ' but that doesn't work. It's strange because usually I would've thought that would work.

Why are my 1000 pixels wide images are ok in FF and Chrome but seem to be 1.25% larger in IE?

Thanks

ok i have a page that opens another page without the toolbars, however the issue is that i dont know how to make them different sizes, like this page im including here is too small for what is actually on the page. I have to maximize the window. How do i html the code for the size page i want it to be. I hope I am sayong that correct.

HTML Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home Certification</title>



</head>

<script language="JavaScript"> 
function loadMainWindow() 
{ 
   var win = window.self; 
   win.opener = window.self; 
   var newloc = "http://clas0as21.corp.cox.com/sdchealtop/framework/frameset.asp"; 
   var ih = (window.window.screen.availHeight - 60) - 100; 
   var iw = (window.window.screen.availWidth - 10) - 100; 
   var it = ((window.window.screen.availHeight - 60) - ih) / 2; 
   var il = ((window.window.screen.availWidth - 10) - iw) / 2; 
   var features = 
"directories=no,menubar=no,location=no,toolbar=no,status=yes,scrollbars=yes*,resizable=yes" 
+ ",width=" + iw + ",height=" + ih + ",top=" + it + ",left=" + il + ""; 
   v1 = new Date(); 
   v2 = Date.parse(v1); 
   v3 = "pg" + v2; 
   var oNewWindow = window.open(newloc, v3, features); 
   oNewWindow.focus(); 
   win.close(); 


} 


function window.onload() 
{ 
   try 
   { 
      loadMainWindow(); 
   } 
   catch(e) 
   { 
      popUpMessage.style.display = 'You Are Being Redirected!'; 
   } 

} 


</script> 

Hello, im trying to set my screen size with a div tag to 1024x768

any help would be very helpful and i'd be very thankful