I'm trying to get the .copy below to shrink-wrap to the width of the image: HTML: <div class="post"> <img src="some/image.png" /> <div class="copy"> <p>Morbi dignissim leo a erat tristique eu faucibus dolor commodo. Cras scelerisque, est quis molestie tempus, ante sem fringilla ante, non convallis quam mi ac metus. Donec rhoncus...
I have an image and text beside it with this code. A sample can be seen here: The problem is that the text is starting from the center of the image (on the right side) whereas i want the text to start from the top right-hand side of the image. Here is my code: <table width="550"> <tr> <td> <div id="i1"> <img src="<? ...
I am creating a 'FAQ' page which has a list of questions at the top (links) and the answers appear below. As each question is clicked the corresponding answer is shown (using show/hide divs). My questions is, is there a way to make the clicked question/link bold and for it to stay bold until another question is clicked, in which case t...
So, I have the div with these parameters: container { position:fixed; background-color: rgba(50,50,50,0.7); width:100%; height:100%; display:none;} It contains the image with unknown size (the size is dinamic and it may be different). I need to align the image vertically and horizontally. Please, help ...
I have a menu with each item a different font-size/height -- looks fine in everything but IE which cuts the items in half... Here's the HTML: <header> <div class="inside"> <h1><a href="#">Ballroom Rocks LOGO</a></h1> <nav> <ul> <li><a href="#home" class="nav" value="home" id="nav-home">Home</a></li> <li><a href="#thesho...
Say I have a complex stylesheet with lots of interacting styles etc. For a specific class, I want to override padding-top and padding-bottom, without changing the values of padding-left and padding-right (which might even be different things for different elements that get the class I'm specifying). Is there a way to do this with a sho...
i have css look like below ul.sometclass li a { display:inline-block; } my html look like <ul class="someclass"> <li> <a href="outertest.html">outer test <div style="display:inline; float:left;overflow: hidden;"> <a href="innertest.html"><div style="display:inline; float:left;">inner test</a> ...
Hi, I've created a web site www.qwik-facts.com which is being seen as I want it in chrome, firefox and safari. However, in IE it gets messed up. I know I should be more specific, but I just can't figure out what the problem is. Can someone take a look and point me in the right directon? Thanks! ...
What would be the best way to resize a content div to match the browser, keeping a white margin around it, whilst also resizing an image contained within it, so that it keeps a good aspect ratio? this is the effect i am looking to create: http://www.louisvuitton.com/ ...
I have two divs like this <div style="position:relative; width: 500px; overflow:auto"> <div style="position:absolute; top:0;left:0;width:100%"> </div> </div> Now the problem in IE is Scrollbars start to appear unnecessarily for the outer div. Even when i have specified the inner div's width to be 100% it extends more...
Consider a page with the following code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style type=...
I'm working on a pretty large website that has a big stylesheet already on the website. We're working with this large corporation with limited ability to make changes (no full access). We'll be applying some new styles for a specific section on the website and we've been given the green light to include a second override stylesheet (in ...
ok guys, u solved this so fast last time. i've altered my sub lists to display horizontally, but when i move off the parent <li>, my sub list disappears. http://www.mymediaventure.com/galleries.php. this happens on the Pricing and the Galleries tab. Last time it was a z-index issue with the <h1> being a higher value than the sub list, ...
I would like to enhance a depth effect by hiding the mouse cursor as it passes over a div, is there a method that will work across all browsers? ...
Say I have a div that uses two css classes that both use text-align, but one is centered and the other is right aligned. Is it possible to specify something that will give one class priority over the other? ...
Hello, Can someone give me some insight on how to work with liveview locally. The problem I am having now is that liveview works ok with the remoteserver, but with xampp the css is a little distorted. I can't come up with an explanation. Can someone shed some light? Thanks, Richard ...
Let's say I have an html table with a css declared width of 750px. It has 5 columns and each column has a width of 50px, declared using css (all td's have a 50px width). Obviously, the sum of the columns' widths is 250px which is less than 750px. When the browser renders the table, each column has a different computed width. I have one...
Greetings all. I have a definition list like so: <dl> <dd>This is an item on a new line</dd> <dd class="float_even">This item should sit on a new line</dd> <dd class="float_odd">This item should float next to the previous item</dd> <dd class="float_even">This item should sit on a new line</dd> <dd class="float_odd">This item shoul...
www.mymediaventure.com i can't stop the images flashing up before they are put on top of each other and then the fader starts. at the moment, im setting display to none in an inline style attribute on all but the first image. then in the jquery im displaying all the images. but it loads the pictures then cycles through each without fa...
I am loading images via ajax on my website. They load in a container with a max-height of 600px. The images are set to have a height of 100%. They load in perfectly the first time but come out streteched very wide when stretched. .gallery { height: 600px; overflow: hidden; padding-left: 35px; } .gallery img { height: 100%; } here is ...