css

Get <div> to resize when users resizes browser

I want a div's width and height to change with the browser as the browser's width and height are changed when a user changes their browses dimensions. Code added based on the answers suggestion <!doctype html> <html> <head> <link rel="shortcut icon" href="/favicon.ico"> <meta charset='UTF-8'> <%= stylesheet_link_tag 'a...

will css ever have border:1px solid black round; ?

Do you think CSS will ever have the ability to provide round borders and how will it be accomplished? ...

jQuery and toggling between content divs

Hi everyone! Ok, so this works fine for toggling one post on and off at a time. The script still can't see that it has to make the OTHER posts set to display = "none" when the user clicks on a new one. So if I click on the second post heading after the first, this needs to hide the content associated with the first and the div then di...

Easy way to add experimental consistently css for multiple browsers?

I was wondering if there was a tool that can "pre-process" CSS and automatically add experimental properties so they'll look the same on browsers that support it. For example, instead of writing: .class { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px } I could just write: .class { border-radi...

Experimental CSS for IE: To hack or not to hack?

There are some eye-candy experimental CSS like border-radius (rounded corners) and gradients that I wish to use on my page. Unfortunately Internet Explorer does not support any of that yet. At least border-radius is coming on IE9, no word on gradients yet. So would you recommend just leaving IE alone (most of my users will be on FF or C...

Align contents of DIV always on one line

I have the following : HTML <th class="sort"> <div> <div class="sort"></div><a href="#">Last Name</a> </div> </th> css: table.tablesorter thead th.sort { padding:0; } table.tablesorter thead th div.sort { margin:0; width:15px; height:30px; float:left; background: url("/Content/images/admin/sort.png") n...

why the height of a frame is not constant in ie7

i was developing a page which has two frames, the left frame is a treeview file, when click one of the file it will display on the right frame.the main page code is below <frameset id="main_frame" cols="210,*" rows="*"> <frame src="FramesetLeftFrame.jsp" id="treeframe" noresize="noresize"/> <frame src="" id="ba...

Creating three-column table with CSS only? (No table element)

Hi, I'm creating templates for a Django project, and I need to create a three column table in HTML, using just CSS, rather than a <table> element. The reason, apart from any ideological opposition to tables, is that the report needs to be viewed on both desktops as well as handheld devices such as BlackBerry. On handhelds, rather than...

CSS Properties: Display vs. Visibility

What is difference between Display vs. Visibility properties? ...

Capitalizing Lower-Case Letters

For the code below, how could I make $row["title"] and $row["displayurl"] display in capital letters even if they contain lower-case letters? echo '<td class="sitename1"><a href="http://www.'.$row["url"].'" TARGET="_blank">'.$row["title"].'</a> <div class="dispurl">'.$row["displayurl"].'</div></td>'; ...

Html Input boxes must be in the same line.

Do you see the rec tangled red text box which is under "Acil Durumda Aranacak Kişi", I want that text box just near "212" since they are both for telephone number... How can I do that? PS: All the html text boxes, and inputs are created by c# code... ...

css positioning divs in a browser

What would be the best way to position divs in any browser, so I have the following setup: div all (that includes all the following divs and has a width of 800 px and centers in the middle of the page) div content (that centers within div all) div menu left (within div all) and a li with my menu items and fixed distance of 10 px from ...

problem with width of ul tag when float left and li float right - ie7

<html> <head> <style type="text/css"> .ex1 {background:red; float:left; margin:0; padding:0;} .ex1 li {list-style-type: none; margin:0; padding:0; background: grey; float:right} .clear {clear:both} </style> </head> <body> <div style="background: yellow; width:750px"> <ul class="ex1"> <li>Some text. Right-to-left 1.</li> <li>Some text....

Correcting the sliding animation of a custom carousel

I'll even share my code with you! Basically, I have a carousel that I built from the bottom up - Now, it works fine when there is more than one product being shown. When there is only one product shown, then the animation jumps in IE (surprise...). Anyone have and idea how I could fix this up? My jQuery for the sliding: $(leftButton)...

Sass (Ruby CSS compressor) absolute path parameters on Windows

I'm using sass (from haml-edge) for processing css files, and it crashes on absolute paths as parameters: K:\sass>sass.bat k:/sass/css/*.scss k:/sass/css/*.css --trace d:/Programs/Ruby/lib/ruby/gems/1.9.1/gems/haml-edge-3.1.62/lib/sass/files.rb:23:in `read': No such file or directory - k (Errno::ENOENT) from d:/Programs/Ruby/lib/ru...

Alignment of ASP.NET label

I have created an ASP.NET master page as follows: <body class="MasterStyle"> <form id="frmMaster" runat="server"> <div> <asp:Label runat="server" Text="My Site Name" Font-Bold="true" Font-Names="MS-Sans" Style="text-align:right" Width="100%" /> The style is defined as follows: <style type="text/css"> ...

CSS, overwrite height of all select dropdowns?

Hi, how would i reference, so i could overwrite, all of the select boxes so i can overwrite the default height? I'm familiar when i create elements using a class, but im unsure on this? ...

Print a website without printing the link locations?

Hello, I'm invoking the navigator print function using a simple window.print(); call. It prints perfect (I want to print the same I see on the screen, so I don't really use a special CSS to print) but it showing the link locations next to the text link, something like: Homepage (http://localhost) To be clearer: I don't want to h...

How to assign CSS to mobile page in asp.net

Hi, I am developing the asp.net mobile application. I am generating the controls dynamically at serverside (code behind), obviously i will need to assign the styles to control on server side. So that I have my own CSS ie external CSS. I want to assign the classes from my CSS to mobile controls. How can i do this? i am using asp.net mob...

HTML scrolling div layout problem

Hi, I'm trying to design a HTML page with the following requirements: a fixed header (headerBox) and footer (footerBox) element (should not scroll) the content area contains a top (width 100%, contentBoxMap) element that can be expanned over the whole content area a left (contentBoxLeft) and right (contentBoxRight) content element ben...