css

dynamic show/hide div controls in php with js?

I have some SQL output that id like to format into a collapsible div. The problem is that all the JS show/hide div code i find isnt really meant for dynamic instances, they all need to be pre assigned to a particular div. Since my results may vary from 1-30...this isnt really a good option. My question. Is there an easy way to dynamical...

z-index with IE 7

I have a main div ("myBubble",z-index: 1001) wraps 2 span(z-index: 1000,z-index: 1002) and a svg (z-index: 1000), and I have an other div ("modal",z-index: 999) position behind the main div by set its z-index. The problem is: in IE8 I can make main div position at the front of the modal div, but not in IE7. I can make it work on other br...

Firefox: Generating icon on :hover:after state? (CSS)

Hello, slight problem. I have a 20 x 20px delete icon which I want to show overlaying a 112 x 112px image when it is hovered over. The image also has some descriptive text below, so using Safari I pulled it back up using relative positioning. The code I threw together goes something like this: <html> <head> <title>Gallery Test</title> <...

When using <pre> tag, text goes outside parent <asp:label> border

Hello, I've got a weird issue, i've got a datarepeater that reads some user entries froma database, and then shows them in an <asp:label> .. my 1st problem was that when the text is read all \ns got dropped .. so I use a <pre> tag to solve the problem.. however... a new problem occurred.. now the text actually goes beyond the label's...

trying to center images in galleria jquery

i am using jquery galleria which is quite cool but i can't seem to figure out how to center the list of thumbnails. asyou can see in the below link, the main image is centered but the thumbnails are always left justified. any css experts know what i am doing wrong here. Here is an example. ...

Background image of h tag being centered in IE

Strange issue that I'm not exactly sure about...also, please feel free to correct me if I am going about the SEO incorrectly, as it is relatively new to me. I have a few h3 tags that I am replacing with images to make them a bit prettier. I still have text in between the tags, but I have made the font-size 0 in hopes that the search spi...

appoint class to PHP table with results from MYSQL db help...

no border shows up when setting style in the table row below, inside the while loop? why? Background color setting works fine, but not this... NO BORDER SHOWS UP... // Build Result String $display_table = "<table>"; while($row = mysql_fetch_array($qry_result)){ $display_table .= "<tr style='border-top-width: thin; border-top-style:...

something i missed here, style in PHP table row works partly!

no border shows up when setting style in the table row below, inside the while loop? why? Background color setting works fine, but not this... NO BORDER SHOWS UP... // Build Result String $display_table = "<table>"; while($row = mysql_fetch_array($qry_result)){ $display_table .= "<tr style='border-top-width: thin; border-top-style:...

Link css different color scheme problem

Hello all, I have a really basic question, but I can't get it to work. This is a basic navigation menu: <!-- Begin menu --> <div align="center"> <span class="nav"> <a href="index.html" title="Graphic Boulevard - Home pagina">Home</a> | <a href="autobelettering.html" title="Graphic Boulevard - Autobelettering">Autobelettering...

CSS: Thin banner on top of page (like the orange one on this page)

I need to put a thin banner on the top of the page kinda like the orange notification one on this page. I need it to be absolutely positioned though, because when you click on it it needs to drop down (over the current page, not pushing the current page down). The banner needs to stretch the entire width of window but the content needs t...

hide part of form

Hi, I have an asp.net mvc application where I want to hide/display part of form based on selected line in a dropdown list. This is done by jQuery script: <script type="text/javascript" > $(document).ready(function() { $('#owners').change(function() { $("select option:selected").each(function() { $...

C# ASP.Net Fancy Buttons

I am developing a C# ASP.Net project. And I would like to do something very similar to what is shown in the following website. However, that is a solution for the HTML <a> tag, and I am looking for a solution for ASP.NET buttons. What are my options? ...

has anyone gotten galleria (jquery plugin) to work with large pictures

it seems that no matter what you size the container, your images have to be that size. you can't just try to dynamically resize and if they are bigger then they bleed into the rest of the space and cover the thumbnails. so if my images are 1000 x 800, i can't changes the css to support this, even if i want to as the script goes hawwire...

Container div doesn't surround it's floating child elements. How can I fix this?

Hi, I've a XHTML structure like this: <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Titel</title> <link rel="stylesheet" type="text/css" href="st...

Sorting divs without leaving any gaps.

Is there any way I could resize my div elements without leaving gaps on the page? I think the only option is to calculate the possible generated gaps and move the elements around. Thanks in advance for any idea. Example - (Please click on the cards in order to resize) ...

Re-learning CSS the right way

I am a programmer doing web development for over two years now. Even though I’ve been doing front end engineering for the past two years I don’t think I have done it the right way For instance: I still do layout with tables and not with just CSS. I haven’t still found out a way to correctly present data aligned and tabular. I don’t k...

Float "edit" link to right of Heading (must keep heading tag block)

Given the following html <div class="module"> <div class="header"> <h1>Test Heading</h1> <a href="">edit</a> </div> <div class="body"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eu lacus at augue tristique dignissim. Nunc...

Menu List Float Not displaying correctly in Firefox and Safari

I have a nav that is displayed below the images. I created the nav using the ul and li. The issue I am having is that in Firefox and Safari there is a space above the list while in Explorer it is displaying correctly with the flush against the header. Please help! ...

Firefox does not render width and height properties of the A tag as expected

My goal here is to make a button. I want the text to sit vertically in the middle of the image, and horizontally offset by 22px. The image is 144px by 29px. Here's the code: CSS: <style type="text/css"> a.button{ width:144px; height:29px; background-image:url('images/btnOff.gif'); color:#000; text-decoration:none; line-height:28px; pad...

Checkbox not checking inside div in Firefox

Weird problem. I don't know if anyone can shed some light on this? I have a checkbox inside a div. It works fine in IE but not Firefox. I have to click the space around the checkbox that is occupied by the div (sort of like a label) for the checkbox to tick on and off. Directly clicking the checkbox does not show it as ticked on or of...