layout

CSS Padding - Apparently I missed something

Lets say I have some markup like this: <html> <head> <style type="text/css"> #container { margin: 0 auto; width: 900px; background: green; } </style> </head> <body> <div id="container"> </div> </body> </html> Imagine "container" is filled with hundreds of a's for testing purposes of padding...

Blogger layout problem

This is my blog: http://laschavasdeflickr.blogspot.com As you can see there is a grey line (#bbbbbb) there that its not on the edge, I am going crazy trying to fix it since I change the width of the post column. If someone can point me what I am doing wrong I will appreciate it. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html P...

Why is my DIV smaller than its contents?

I'm trying to modify the Simple jQuery Slideshow published by Jonathan Raasch. It cycles through all images fading from each to the next. His example works with fixed-size images. I want it to instead work with images sized to a percentage width of the browser window. This works with fixed-size images... #slideshow { ... h...

[WPF] How do I add dynamic spacing between controls? (with pics)

My question is simple. What is the best way to achieve what you see the pic below in WPF? At the moment this is a horizontal StackPanel, with the right padding of the checkbox set to 90. This works okay, but if you resize the window it's no good anymore, unless maybe you re-adjust the padding in the window's resize event, but that seems...

Get vertical labels to be close together

I cant quite understand why two vertical label components dont appear right under each other. There seems to be a lot of space between them, is there anyway to get this space removed as setting padding makes no difference at all. For example, take this layout code: <mx:VBox> <mx:Label text="Title" paddingBottom="0" paddingLeft="0" padd...

What WPF dependency property should I bind to for finding the center of a FrameworkElement?

I'm writing a WPF application and I'm trying to figure out the best binding approach but have been coming up only "hack" solutions and I'm hoping there's a better way. I have a Border object (which derives from FrameworkElement) inside a Grid. The Border's size may change because of a child TextBlock's text changing. The Border's posi...

HTML layout problems

I have a problem with dividing a multicolumn layout in HTML. I have divided the page into two columns. inner1 2 rows. another_top1:fixed width,fixed hight response :fixed width,variable hight inner2 2 rows. another_top2:fixed width,variable hight another_below:fixed width,fixed hight The problem: When I try to divide inner1 ...

Select Box not in line in IE

Ok, didn't really want to ask this question as it should be quite a simple solution, but I've spent hours trying to resolve it to no avail. I have a web page with a text box, and then a select drop down next to each other. In Firefox and chrome they line up fine next to each other, but in IE the select box sits higher than the text box. ...

wxPython: Making a fixed-height panel

I have a wx.Frame, in which I have a vertical BoxSizer with two items, a TextCtrl and a custom widget. I want the custom widget to have a fixed pixel height, while the TextCtrl will expand normally to fill the window. What should I do? ...

How do you set the heights of cells in a table that expands to fill the window in IE?

I am trying to construct a simple, one-column layout. I want the top two rows to have smaller, fixed heights. The third row should expand to fill the rest of the page. Here is my current source: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <style type="te...

auto adjust container <DIV> height to accomodate absolutely positioned child <DIV>s

is there a way to auto adjust container DIV height to accomodate absolutely positioned child DIVs? i'd like to get something like +-----------------------+ | container | | +------+ +------+ | | | chld | | chld | | | | 1 | | 2 | | | | | | | | | +------+ +------+ | | +------+ |...

Binding and Layout relation in WPF

While investigating an issue with application I'm working on, I've came across one behavior I don't quite understand. It seems that when you have a TextBox (for example) with bound Text property the system takes one more layout pass than when you have a static Text. Could anyone, please, explain why this extra pass is happening? Does th...

In Flex, how can I get the dimensions of a childless canvas component at runtime?

One of my components looks like this: <mx:Canvas id="grid" width="100%" height="100%"></mx:Canvas> On creationComplete, I load some spirte that I want to scale and position based on the dimensions of the canvas to create a custom grid layout, but when I access the dimensions of 'grid' I get 0 and 0. Is there any way to get the dimensi...

What's a good guide to WPF Panels & layout in general?

Is there a good, concise guide to the various behaviors of the controls that inherit from System.Windows.Controls.Panel? Or just a WPF layout guide in general? In particular, I'm interested in how the panels handle child objects that have width or height set to "Auto" and Horizontal or Vertical Alignment set to "Stretch". Some layouts c...

How do I freeze the first and last columns of an html table in a scrollable div?

I have a table which has a header row, but also a header column and a total column with several columns in between. Something like this: Name Score 1 Score 2 ... Total -------------------------------------- John 5 6 86 Will 3 7 82 Nick 7 1 74 The en...

force breaking a string in a fixed width Gridview cell

I have a Gridview control on an ASP.Net page with fixed width cells. The data coming from the database occasionally comes over as a contiguous string of characters. When there are dashes in the string, it will break so as not to upset the width of the layout. If there are no dashes (specifically, I'm dealing with underscores), the string...

How can i get List items to stay together using CSS?

The skeleton of the HTML is this <div class="TwoCol"> <img src="imgurl"/> <h1>A headline</h1> <p>Some exciting text</p> <ul> <li>Item A</li> <li>Item B</li> <li>Item C</li> </ul> <p>More riveting text </p> </div> The CSS is .TwoCol img{ float:left; padding-right:5px; border:none; } .TwoCol ul{ list-style-type:none; } T...

jquery autosize web interface?

Hi there, I have been designing with jquery and using the jquery UI widgets .. but always been designing for 1024 x 768 ... Is there any tricks or plugins (preferably that work with jquery UI) to automatically resize elements of my interface ... that way when somebody views it at a higher resolution it doesn't look so small.. Anybody...

JPanel Margin in BoxLayout

For custom rendering purposes, I've created a class (axialPanel.java) that extends JPanel and overrides the paintComponent method. An instance of axialpanel is added to the west side of a container class set with a BorderLayout. I would like to have a few pixels of margin around the axialpanel, but setting axialpanel's border to an insta...

Removing the CENTER element from a JPanel using BorderLayout

Is there any way of removing the Component added to the CENTER of a JPanel with a BorderLayout, without having to reference the Component itself? ...