floating banner

Howdy, this is what my freelance web designer wrote (in the particular css file) 5 typical: " #floatingbanner present: block; width: 100%; height: 265px; position: complete; z-index: +2; text-align: facility; top: 194px; still left: -10px; "

now I want to change that banner to #fixedbanner, how do i do that Thanks to your help!!

Robert

In the post, it appears like you think which the name behind the particular ‘#’ symbol impacts the code. This doesn’t happen, it’s just a new pointer.
I’m assuming you wish it to become fixed width If so. change the ‘100%’ into a width in pixels that could fit your sit well. Also, get rid of ‘positioning: absolute’, in addition to replace with ‘positioning: relative’. Get rid of the ‘z-index’ fully.
Here’s what it should appear to be:
#floatingbanner present: block; width: 300px; height: 265px; position: relative; text-align: facility; top: 194px; still left: -10px;
Change the width as you see fit.

Thank you very much George…

George, I replaced the particular code with what you explained ( display: obstruct; width: 300px; height: 265px; position: comparable; text-align: center; top rated: 220px; left: -80px; and also the banner (top left) is out of place, in the event you see the fastened graphic, it should be in debt circle, not where it really is now. Any recommendations

Try deleting the ‘left’ price, and change the ‘top’ to.. state.. 300px;
You can mess with the ‘top’ and ‘left’ values until you become the banner it is in place.

George, it really is almost done, the banner is within place but now Relating to a black space in addition to the website (see connected graphic), where the red X will be, any suggestions

Remorseful man, can’t really correct that without discovering the html and css for it. Maybe you can upload your website

Attached is a html and here’s the css document, thanks

=====================================================================

charset " utf-8";
/* CSS Insurance */

/* Inicio de reseteo de CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
variety, fieldset, input, textarea, p, blockquote, th, td
foam: 0;
border: 0;

kitchen table
border-collapse: collapse;
border-spacing: 0;

fieldset, img
boundary: 0;

tackle, caption, cite, value, dfn, em, good, th, var
font-weight: regular;
font-style: regular;

ol, ul
list-style: it’s unlikely that any;

caption, th
text-align: still left;

h1, h2, h3, h4, h5, h6
font-weight: regular;
font-size: 100%;

queen: before, q: once
content: ”;

abbr, acronym boundary: 0;

/* Fin de reseteo de CSS */

. textogeneral font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; colour: #273242;
any color: #98a0ad; text-decoration: it’s unlikely that any;

#base_menu ul present: inline; margin: 0; foam: 0; width: auto; height: auto;

#base_menu li present: inline; list-style: it’s unlikely that any; margin: 0; foam: 0; width: auto; height: auto;
li. quienessomos any background: url(.. /images/menuprincipal_01. gif); background-position: 0 0; present: block; width: 118px; height: 39px; float: still left;

li. quienessomos any: hover background: url(.. /images/menuprincipal_01. gif); background-position: 0 -39px; drift: left;
li. servicios any background: url(.. /images/menuprincipal_02. gif); background-position: 0 0; present: block; width: 81px; height: 39px; float: still left;
li. servicios any: hover background: url(.. /images/menuprincipal_02. gif); background-position: 0 -39px; drift: left;

li. apertura any background: url(.. /images/menuprincipal_03. gif); background-position: 0 0; present: block; width: 146px; height: 39px; float: still left;
li. apertura any: hover background: url(.. /images/menuprincipal_03. gif); background-position: 0 -39px; drift: left;

li. seminarios any background: url(.. /images/menuprincipal_04. gif); background-position: 0 0; present: block; width: 98px; height: 39px; float: still left;
li. seminarios any: hover background: url(.. /images/menuprincipal_04. gif); background-position: 0 -39px; drift: left;

li. alianzas any background: url(.. /images/menuprincipal_05. gif); background-position: 0 0; present: block; width: 81px; height: 39px; float: still left; li. alianzas any: hover background: url(.. /images/menuprincipal_05. gif); background-position: 0 -39px; drift: left;

li. franquicias any background: url(.. /images/menuprincipal_06. gif); background-position: 0 0; present: block; width: 98px; height: 39px; float: still left;
li. franquicias any: hover background: url(.. /images/menuprincipal_06. gif); background-position: 0 -39px; drift: left;

li. contacto any background: url(.. /images/menuprincipal_07. gif); background-position: 0 0; present: block; width: 102px; height: 39px; float: still left; li. contacto any: hover background: url(.. /images/menuprincipal_07. gif); background-position: 0 -39px; drift: left;

li. futurostrading any background: url(.. /images/menuprincipal_08. gif); background-position: 0 0; present: block; width: 146px; height: 39px; float: still left; li. futurostrading any: hover background: url(.. /images/menuprincipal_08. gif); background-position: 0 -39px; drift: left;

li. futurostv any background: url(.. /images/menuprincipal_09. gif); background-position: 0 0; present: block; width: 146px; height: 39px; float: still left; li. futurostv any: hover background: url(.. /images/menuprincipal_09. gif); background-position: 0 -39px; drift: left;

#menu_iz ul border: 0; padding: 0; size: auto; height: auto;

#menu_iz li list-style: it’s unlikely that any; margin: 0; foam: 0; width: auto; height: auto; text-decoration: it’s unlikely that any;
li. general a display: obstruct; width: 123px; height: 15px; color: #FFFFFF; foam: 2px 0px 0px 40px; border-bottom: #8197ae dotted 1px; background-image: url(.. /images/punto. gif); background-repeat: no-repeat; background-position: 20px 7px;
li. general a: hover showcase: block; width: 123px; height: 15px; color: #FFCC00; text-decoration: it’s unlikely that any; padding: 2px 0px 0px 40px; border-bottom: #8197ae dotted 1px; background-image: url(.. /images/punto. gif); background-repeat: no-repeat; background-position: 20px 7px;
. linkcuerpos text-decoration: it’s unlikely that any; color: #FF0000; font-family: Ge

This entry was posted in Web Design and tagged , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *