layout

My page layout breaks in IE7, rights itself if I hover over/open a menu item...

As you can see if you go to the link below in IE7/AOL, the layout breaks if you resize the window. However, click the products menu tab and it rights itself. I haven't a clue why or how to fix it, and it looks sloppy. On resizing the page, the logo and breadcrumb trail div stay where they ought to be, but my horizontal nav menu and ev...

spacing issues with Blackberry Browser 4.2

I am writing a web application targeting the Blackberry Browser 4.2. I want to had some vertical spacing between a list of links. I know 4.2 doesn't support padding and margin but I thought it supported height or line-height. I can't get either to work. I really don't want to use a line break. Any suggestions ...

Place button side by side

Hi, how can I make a button place side by side. I used a gridBagLayout to design the layout.The problem is that the button place too far from each other. I have tried to choose the CENTER as anchor but this makes the button overlapping. If I used WEST and EAST, the button placed too far from each other. e.g. SAVE ---------- NEW PATTERN ...

Specifying the relative dimension of views in a layout based on device screen width/height

I am writing an android application that has 3 views one below the other. Each view has to be of equal height, depending on the screen size. Each view occupies the full width of the screen. How do you specify in the layout xml that the view has to take up 1/3rd height of the device display height? What would be the appropriate layout to ...

Android:android.view.ViewRoot$CalledFromWrongThreadException - How to solve the problem?

Hi, An application I am currently developing is communicating with the server and the communication process runs in its own thread. There are asynchronous calls - for example login() and onLoginResponse(). login() is called in the main activity and the response is handled in main activity as well (onLoginResponse()). In onLoginResponse...

Sending variables to the layout in Zend Framework

Hi In my project I have a number of dynamic elements that are consistently on every page. I have put these in my layout.phtml My question is: How can I send variables into my layout from my controllers? If I want to send things from my controller I can use: $this->view->whatever = "foo"; And receive it in the view with echo $this-...

css layout for footer at bottom with dynamic ajax content changing height of page.

[Update] I actually compromised on this problem for now by foregoing the fixed footer design. It seems that there is no problem with dynamic content moving the footer and resizing containers appropriately unless the footer is fixed to the browser bottom initially. I hope others will eventually provide a great solution that encompass...

I am looking for a clean HTML tutorial.

I've been doing web programming from 1999 to 2004 and it looks like a lot has changed. The layout is no longer done with tables, but with DIVs, etc... I am looking for a tutorial that combines CSS and HTML and DIVs, etc... and teaches you how to layout a page. I don't want a tutorial that focuses on a specific one technology, but more...

Latex: hfill to a certain width.

I'm currently doing something like: a\hfill{}b which puts 'a' at the far left, and 'b' at the far right of the page. However, I'd like 'b' to be exactly half way. Is there a \hfill equivalent where I can say \hfill{0.5\textwidth}? I don't know the width of 'a'. Obviously, I could use tabular, or maybe minipage, but the rest of the co...

How do you start to translate a web design layout to a HTML implementation?

I was reading through this tutorial on creating a web layout in Photoshop to end up with something like this: This seems to produce a single image file, however and there is no explanation of how to translate this into a web application implementation. What I mean is, you would need to have functionality for when someone clicks on "...

How do I set specific widths for an HTML table layout?

Hi everyone, I have a layout made in photoshop and I'm trying to slice it up and put it into a table layout. I'm trying to make a layout using a table that looks like this: http://imgur.com/eKndd.gif but when I marked up the table all the widths of the cells seem to be incorrect and not what I want. My markup is: <table width="950" bo...

Manually set width of spinner dropdown list in android

Is it possible to set the width of a spinner dropdown list in code? I have a spinner populated with integers, and it does not look good with the list expanding to full width. Can I set the width to wrap the content somehow? Spinner hSpinner = (Spinner) timerView.findViewById(R.id.timer_hour_spinner); ArrayList<Integer> hList = new Array...

What is the best way to layout/design a long complex web form to collect user input.

I need to design a web form which landlords can use to add rental listings. There are 8 mandatory text boxes and 2 optional text boxes, 11 drop-down lists, 12 checkboxes and one large text area. Any suggestions about how to arrange them in a way that is clean, and uncluttered? My concern is, if the form looks lengthy, they may not want t...

margin: 0 auto; Seems to work fine in Chrome/FF but, again, IE disagrees...

On my Joomla Website, I am using a template which uses the following CSS rule to make the content pane centred: clear:both; margin:0 auto; width:920px; This seems to work perfectly well in FF/Chrome, but when loaded in IE, all is glued to the left side of the window. What's the issue with this? margin: 0 auto; seems like a sensible, s...

Reset a flex label width to "auto" after setting an explicit width?

Once I've set either the width or percentWidth property on a flex label, is there a way to reset the width to its default (i.e., the width of the text plus padding)? I'm using the label as a renderer. In some cases, I'd like it to automatically size to the text, and in other cases, I'd like it to be a percentage width of its containe...

Fixed - Liquid - Fixed Layout

I'd like to have a [Fixed][Liquid][Fixed] cross-browser compatible layout. HTML: body div#col-1 div#col-2 div#col-3 CSS: #col-1 { width:150px; float:left; } #col-2 { width:100%; padding:0 150x; } #col-3 { positon:absolute: right:0; width:150px; } Would this work/better way ...

$content variable in node.tpl.php (Drupal 5)

The print $content statement in node.tpl.php is causing my whole layout to break probably due to incorrect nesting of DIVs. I want to check and fix that but I can't figure out what/where is the source of the $content variable in node.tpl.php file. I'd appreciate any help. Thanks. ...

CSS alignment problem in IE7

Hi, I've been putting together a drupal Website for a personal project (coffee geek Website about the Rancilio Miss Silvia) and the css is working great in Firefox and Safari but not in IE. In IE the alignment of the central section is totally screwed up and I can't seem to figure out what I'm missing. I'm working off of the Zen theme...

How to keep an area a constant/relative size while user expands/collapses treeview?

I have a window that will be a variable size, currently it is 300 x 400 as shown below. In the top part I have an expandable tree view In the bottom part I have a long horizontal panel with a button in it. I want the top area (treeview) to be about 95% of the height, with the button tool area a constant 50 high. I want these proportio...

How to use CSS float without hiding parts of a DIV

When CSS float is used on a DIV, other DIVs that are not floated continue to occupy the space of the floated DIV. While I am sure this is intentional, I do not know how to achieve the effect I am looking for. Please consider this example: <html> <div style="width:400px"> <div style="width:150px;float:right;border:thin black solid"> ...