last day (15 days later) » 

3:53 PM
0
A: I design a div in photoshop, but the html is messy

robthis could be a better approach. Fiddle http://jsfiddle.net/robcabrera/j9wU9/ #alert_strip p { text-align:center; width:778px; margin:0 auto; padding:0; color:#f2f2f2; overflow:hidden } #alert_strip span { float:right; width:538px; text-align:center; } h4{ padding:0; margin:0; fo...

 
Hi, this is what i saw after edit to your code: prntscr.com/439gvi Whats wrong?
 
rob
remember to remove the inline css that you have in your html file style="position: fixed; margin-top: -76px; opacity: 1;"
 
I already did that, this is not help
 
rob
you must have something else in your css code then. Do a inspect element or use firebug to see what property is causing the problem. The JSFiddle is working properly.
 
No i dont have anything else. I put all the code here: jsfiddle.net/WRWZ9 And i see its working, but in my server its show this: prntscr.com/439gvi What is the problem?
 
rob
3:53 PM
Remove the height: 100%; property for the <i> and the <a> element.
 
Done, but now the images are gone: prntscr.com/439s7d How can i bring them back?
 
rob
instead of the height: 100%; put the actual height of the image.
 
For the <a> element, when i put 10px in height, its look likes: prntscr.com/439w4d . for <a> element, when i put large number, the background is going bigger: prntscr.com/439wqe What can i do?
Hi rob, can you help me?
 
rob
how big is the image>?
 
Not big, you what the link?
This is the image of the <a> tag:
http://rcs.mako.co.il/images/common/alertStrip_siren.gif
And this is the link for the <i> tag:
http://rcs.mako.co.il/images/common/alertStrip_close.png
 
rob
4:00 PM
do not add height to the <a>...
or <i>
add it to the img
just float left for the <i>
and float right for the <a>
 
What you mean by add it to the img
 
rob
it will be better if instead of using <a> or <i>.. just use a <div class="image1-container"><img src=""></div> then in css .image1-container{ float: left}
 
Can you hold on some min? I will try to do that
 
rob
also add a position: absolute to .image1-container
ill be back in 30 min..
 
I dont know how to do that..
I tried this and this not working, can you show me how to do this in jsfiddle?
This is the jsfiddle i did: http://jsfiddle.net/4HEL2/
And this is how this shown in my server: http://prntscr.com/43a4dm

Can you help me fix this please?
 
rob
5:09 PM
okay hold on
 
rob
5:28 PM
check it out here... jsfiddle.net/robcabrera/7Ln5v/1
 
 
2 hours later…
7:00 PM
Hi, thank you for this! Now i have just 2 more issues.
As you can see, now i have this:
http://prntscr.com/43bxw8
I want it to be smaller, like this: i.imgur.com/T1RXGgn.png , How can i do this?
And the other issue, as you can see, the last version of this have just one button at the left with hover. now i have 2 buttons (one regular and one for the hover) shown instead of one with hover: prntscr.com/43c01k . How can i make it just one with hover like the last version?
 

  last day (15 days later) »