Forum Moderators: not2easy

Message Too Old, No Replies

Speech Bubble not working

         

Silver007A

2:55 pm on Nov 7, 2010 (gmt 0)

10+ Year Member



Hi All,

Would really appreciate some guidance here. I am trying to get a div styleclass working. You can see from the image that is a bit of a mess.

You can see the results here:
[la-corniche-hotel.com ]

This is the code I have:
<div class="bubble1"> <div> <div> <div> <div><i><b>Some words  <b>Some words</b></i></div> </div> </div> </div>


And CSS:

div.bubble1 div {
background: url(../images/bub1-br.gif) no-repeat bottom right;
margin: 0;
padding:15px 0px 15px 15px;
width: 100%;
}
div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}


Thanks for any help :-)

SuzyUK

7:34 pm on Nov 7, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



padding:15px 0px 15px 15px;


That padding is affecting all the child divs of the .bubble1 div.. set the padding on all those divs to zero.. then try setting any required padding on the innermost one

div.bubble1 div div div div {}

Major_Payne

10:14 pm on Nov 7, 2010 (gmt 0)



Any chance you can post the actual links to the images? Using "<base href="http://www.la-corniche-hotel.com/">", doesn't seem to work this time for me to pull your images even after changing the image paths to:

"images/bub1-bl.gif."

or similar.

Ron

Silver007A

12:32 pm on Nov 8, 2010 (gmt 0)

10+ Year Member



Thank you SuzyUK. Your help and a couple of divs later and it looks gooooood :-)