Post
Ask Question
ahmed salah

ahmed salah

  • NA
  • 85
  • 57.6k

How To Add Banner On Left Side Of Logo Without Cutting

Feb 14 2017 6:03 AM
How to add banner swf in left side of logo without cutting or broke ?

I have banner swf i need to add on left side of logo

my design contain to menu - logo and banner

before i put banner design logo full display without cutting

but after adding banner my design corrupt and banner cutting

Html code

  1.     <div class="container">  
  2.   
  3. <ul>  
  4.   
  5. <li><a href="#home">????????</a></li>  
  6.   
  7. <li><a href="#news">???? ??</a><i>|</i></li>  
  8.   
  9. <li><a href="#contact">???? ???</a><i>|</i></li>  
  10.   
  11. <li><a href="#contact">?????</a><i>|</i></li>  
  12.   
  13. <li><a href="#contact"> ????? ????</a><i>|</i></li>  
  14.   
  15. </ul>  
  16.   
  17. <div class="w3ls_header_middle">  
  18.   
  19. <div class="container">  
  20.   
  21. <div class="agileits_logo">  
  22.   
  23. <imgsrcimgsrc="../../images/logo.png">  
  24.   
  25. </div>  
  26.   
  27. <div class="agileits_logo"></div>  
  28.   
  29. </div>  
  30.   
  31. after banner added  
  32.   
  33. <div>  
  34. <embedsrcembedsrc="../../images/banner.swf"type="application/x-shockwave-flash" width="624"height="104" />  
  35. </div>  
  36. </div>  
  37. </div>  

css code
  1. body {margin:0}  
  2.   
  3. ul {  
  4.   
  5. border-top: 2px solid red;  
  6.   
  7. list-style-type: none;  
  8.   
  9. margin: 0;  
  10.   
  11. padding: 0;  
  12.   
  13. overflow: hidden;  
  14.   
  15. background-color: #333;  
  16.   
  17. position: fixed; /* Set the navbar to fixed position */  
  18.   
  19. top: 0; /* Position the navbar at the top of the page */  
  20.   
  21. width: 100%; /* Full width */  
  22.   
  23. height:5%;  
  24. padding: 1px;  
  25.   
  26. }  
  27.   
  28. li {  
  29.   
  30. float: right;  
  31.   
  32. }  
  33.   
  34. li a {  
  35.   
  36. color: white;  
  37.   
  38. padding: 16px;  
  39.   
  40. text-decoration: none;  
  41.   
  42. }  
  43.   
  44. li i{  
  45.   
  46. color:white;  
  47.   
  48. }  
  49.   
  50. .w3ls_header_middle {  
  51.   
  52. padding: 0 0;  
  53.   
  54. /*padding-top:30px*/  
  55.   
  56. }  
  57.   
  58. .agileits_logo{  
  59.   
  60. float:right;  
  61.   
  62. margin-right:0em;  
  63.   
  64. margin-top:1em;  
  65. }  
  66.   
  67. ---after banner added---  
  68. .agileits_banner {  
  69.   
  70. float:left;  
  71.   
  72. margin-left:0em;  
  73.   
  74. margin-top:1em;  
  75.   
  76. }  
 


image problem found in link below :

http://www.mediafire.com/view/2722ziygd2x46vj/changes.jpg

so that

How to add banner swf in left side of logo without cutting or broke ?

Answers (1)