Space unwanted between div tags in Netscape

Hi all
For some time I visited here, but I'm unable to understand something. I think I've probably tried so many different things that I have just all erased, but if someone could take a look at this page Village Coop - membership and let me know how to fix the space between the top of the page div and the div at the bottom I would appreciate it a lot. The code for these two div looks like this in the case where this is useful - I don't know I need "clear" for example - it is even the problem maybe?

{#top_container}
Width: 750px;
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #2D2F1C;
overflow: visible;
Clear: both;
}


{#bottom_container}
background-color: #2D2F1C;
Width: 750px;
margin-top: 0px;
margin-bottom: 0px;
Clear: both;
}

Thanks for any help :)

Maureen

Added: left float to #top_container fixed the problem when displaying in
Firefox...

{#top_container}
Width: 750px;
padding-top: 15px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #2D2F1C;
overflow: visible;
Clear: both;
float: left;
}

--
Nadia
Adobe® Expert community: Dreamweaver
----------------------------------------
CSS templates | Tutorials | SEO articles
http://www.DreamweaverResources.com
~ Available customization service ~
http://www.csstemplates.com.au
----------------------------------------------------

"webmom24" wrote in message
News:f3fpcm$q1k$1@forums. Macromedia.com...
> Hi,.
> Thanks for the replies - I posted the address incorrectly . Here
> It
> is once again
> http://www.villagestorecoop.comhttp :// www.villagestorecoop.com/membership.html.
> Meanwhile, I'll check the html code as suggested Murray.
>
> Thank you again :)
> Maureen
>

Tags: Dreamweaver

Similar Questions

  • Why have I not space unwanted between my Divs?

    I am a newbie to coding - however, I can't for the life of understand me why I have about 10 pixels above and below each of my divs. Can anyone help?

    Here is my code-

    < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

    " < html xmlns =" http://www.w3.org/1999/xhtml ">

    < head >

    < meta http-equiv = "Content-Type" content = text/html"; Charset = UTF-8 "/ >"

    < title > Untitled Document < /title >

    < style type = "text/css" >

    <!--

    {body

    margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.

    padding: 0;

    text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.

    Color: #000000;

    do-family: Verdana, Arial, Helvetica, without serif.

    do-size: 100%;

    background-color: #191919;

    background-image: url (.. / Images/repeat.jpg);

    background-repeat: repeat;

    }

    / * Tips for Elastic layouts

    1. Since the elastic layouts overall size is based on the user's default font size, they are more unpredictable. Used correctly, they are also more accessible for those who need larger fonts given the length of the line remains proportionate.

    2. sizing of the divs in this provision are based on 100% font size in the body element. If you decrease the overall size of the text by using a font size: 80% on the body element or the #container, remember that the complete provision will reduce proportionally. You can increase the widths of the divs to compensate for this.

    3. If the sizing of fonts is changed in different quantities on each div instead of on the overall design (ie: #sidebar1 is a font size of 70% and #mainContent has a font size of 85%), this will change proportionally each of the overall size of divs. You can adjust the base on your final sizing of fonts.

    */

    .oneColElsCtrHdr #container {}

    Width: 100%; / * margins (in conjunction with a width) auto Center the page * /.

    border: 0px none #000000;

    text-align: left; / * This setting overrides the text-align: center on the body element. */

    margin-top: 0;

    margin-right: auto;

    margin-bottom: 0;

    left margin: auto;

    background-color: #FFFFFF;

    background-image: url (.. / Images/repeat.jpg);

    background-repeat: repeat;

    color: #FFC;

    }

    .oneColElsCtrHdr #header {}

    background: #DDDDDD;  / * This filling is the alignment to the left of the items in the div that appear below. If an image is used in the #header instead of text, you can remove the padding. */

    Width: 100%;

    padding-top: 0;

    padding-right: 0px;

    padding-bottom: 0;

    padding-left: 0px;

    }

    .oneColElsCtrHdr #header h1 {}

    margin: 0; / * padding instead of margin will allow you to keep the edges of the div element * /.

    background-attachment: scroll;

    background-image: url (.. / Images/headerwologo.jpg);

    background-repeat: repeat-x;

    Width: 100%;

    padding-top: 0px;

    padding-right: 0;

    padding-bottom: 0px;

    padding-left: 0;

    height: 140px;

    }

    {.oneColElsCtrHdr #mainimage}

    background-color: #FFFFFF;

    Width: 100%;

    margin: 0px;

    padding: 0px;

    }

    {.oneColElsCtrHdr #yellowbar}

    background-color: #FFFFFF;

    Width: 100%;

    background-image: url (.. / Images/seperatebar.jpg);

    background-repeat: repeat-x;

    height: 15px;

    }

    {# .oneColElsCtrHdr}

    background-color: #FFFFFF;

    Width: 100%;

    }

    {.oneColElsCtrHdr #mainContent

    background-color: #FFFFFF;

    background-image: url (.. / Images/repeat.jpg);

    background-repeat: repeat;

    padding-top: 0;

    padding-right: 22px;

    padding-bottom: 0;

    padding-left: 22px;

    }

    .oneColElsCtrHdr #footer {}

    padding: 0px 0; / * This filling is the alignment to the left of the items in the div that appear above him. */

    background: #DDDDDD;

    }

    .oneColElsCtrHdr #footer p {}

    margin: 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.

    background-image: url (.. / Images/footer.jpg);

    background-repeat: repeat-x;

    height: 140px;

    Width: 100%;

    padding-top: 0px;

    padding-right: 0;

    padding-bottom: 0px;

    padding-left: 0;

    }

    ->

    < / style > < / head >

    < body class = "oneColElsCtrHdr" >

    < div id = "container" >

    < div id = "header" >

    < h1 > < / h1 >

    <!-end #header--> < / div >

    < div id = "mainimaget" >

    "" < h1 > < img src = "... / Images/mainillustrationbig.jpg" width = "100%" height = "auto" / > < / h1 >

    <!-end #mainContent--> < / div >

    < div id = "yellowbar" >

    < h1 > < / h1 >

    <!-end #mainContent--> < / div >

    < div id = "mainContent" >

    Main content of < h1 > < / h1 >

    < p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean restore. Etiam leo queer, venenatis lectus tristique in, fitness at, odio. Donec and ipsum and vehicula nonummy sapien. Suspendisse potentialit. Surpassing varius urna id quam. SED neque mi, varius eget, tincidunt nec, so id, libero. In eget purus. Vestibule ut nisl. Donec EU mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus and fermentum ut, sapien. Surpassing metus mi, eleifend sollicitudin molestie id, varius, and nibh.  Donec nec libero. < /p >

    heading level H2 < h2 > < / h2 >

    < p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Amongst ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean restore. Etiam leo queer, venenatis lectus tristique in, fitness at, odio. < /p >

    < p > < / p >

    <!-end #mainContent--> < / div >

    < div id = "footer" >

    < p > < / p >

    <!-end #footer--> < / div >

    <!-end #container--> < / div >

    < / body >

    < / html >

    A few things could be the cause.

    The content inside your divs are all

    tags that have a default margin. Add h1 {margin: 0; padding: 0 ;} to your CSS that makes all instances of}

    have a zero. I he would remove head tags surrounding the image because they are not required.

    In addition, there is a typing error in one of your DIV tags

    should be
    .

    Without margins can also be added to your rules of id in the CSS that should generally be practical, because it prevents browsers adding their own separation.

    It will be useful.

  • What series of 'Dots' Causes spaces before a &lt; Div &gt; tag?

    Hello

    These points are only visible in a Code from Dreamweaver mode?

    I don't see an attachment button to display the page.

    Dreamer101.1

    Nancy,

    Hidden characters cause how a page is moved in the browser?

    Lol hidden characters have nothing to do with the browser display.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • White space between the Div tags

    I use DW CS4.  I need to help, reducing the white space between the DIV tags  I have the white space between smaller gray line and my nav bar.  I see all the places where there are margins or padding.  Can anyone help?  Here's the code.  Thank you.

    < body bgcolor = "#CCCCCC" onload = "MM_preloadImages('..)." /_img/HOMEover.jpg ',' /_img/COMPANYover.jpg ','... / _img/PROJECTOR TSover.jpg ', '... CASE STUDIESover.jpg/_img / ','... / CONTACTUSover.jpg/_img ') ">"

    < div id = "container" >

    < div align = "left" >

    "" < p > < img src = "... / _img/Nute_Logo_tag_060612.gif" alt = "logo" name = "logo" width = "113" height = "74" hspace = "5" align = "absbottom" id = "logo" / > < / p >

    < / div >

    < div id = "header" > < / div >

    < div id = "content" > < / p >

    < table border = "0" cellpadding = "0" cellspacing = "0" >

    < b >

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'bluebar',", 1) ' onmouseover = "MM_nbGroup ('over', 'bluebar',","1)" onmouseout = "MM_nbGroup ('out')" > < img src = "... / _img/bluebarup.jpg" alt = "" name = "bluebar" width = "118" height = "15" border = "0" id = "bluebar" onload = "" / > < /a > < table >

    "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'Home',", 1) ' onmouseover = "MM_nbGroup ('more', 'Home','... / _img/HOMEover.jpg ',", 1) "onmouseout ="MM_nbGroup ('out')"" > < img src = ""... / _img/HOMEup.jpg ' alt = "Click HOME to go to the home page" name = "home" width = "115" height = "15" border = "0" id = "home" onload = "" / > < /a > < table >

    "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down"," group1', 'society', ", 1) ' onmouseover =" MM_nbGroup ('more', 'society', "..") " "(/ _img/COMPANYover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/COMPANYup.jpg "alt ="Click to go to our services COMPANY"name ="company"width ="122"height ="15"border ="0"id ="company"onload =" "/ > < /a > < table >"

    "< td > < a href =" "javascript:;" target = "_top" onclick = "MM_nbGroup ("down","Group 1","projects",", 1) ' onmouseover = "MM_nbGroup ('more', 'projects',..." "(/ _img/PROJECTSover.jpg', '', 1)' onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/PROJECTSup.jpg ' alt = 'PROJECTS click to see our projects' name = 'projects' width = "122" height = "15" border = "0" id = "projects" onload = "" / > < /a > < table > "

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ('down', "group1', 'studies',", 1) ' onmouseover = "MM_nbGroup ('more', 'studies,'... / _img/CASE STUDIESover.jpg',", 1) "onmouseout ="MM_nbGroup ('out')"> < img src ="... / _img/CASE STUDIESup.jpg "alt ="click on the CASE STUDIES to see examples of projects' name = "added" width = "150" height = "15" border = "0" id = "added" onload ="" / > < /a > < table >

    "" "" < td > < a href = "" javascript:; "target ="_top"onclick =" MM_nbGroup ("bottom", "group1', 'contactus',", 1) "onmouseover =" MM_nbGroup ('more', 'contactus','... / _img/CONTACTUSover.jpg ', ", 1)" onmouseout = "MM_nbGroup ('out')" > < img name = "contactus" src = "... / _img/CONTACTUSup.jpg" border = '0' alt = "" onload = "" / > < /a > < table >

    < /tr >

    "< / table > < img src =" "alt =" "name ="mainphoto1"width ="780"height ="264"id ="mainphoto1"/ >

    Thank you for all your help.  I solved it by adding a padding to my header (grey line).

  • How to get rid of the space between the div tags in Safari?

    Hello.  I'm designing a website with CSS and there is a space appears between two divs seen in Safari, but not in IE (the space appears between the header at the top tag and the container below. I spent hours trying to solve this problem, without success, and I am really frustrated. I am new to DW and not very good at code, so if someone can please shed a light on how to solve this problem, I would be very grateful.

    I have attached the page in question. Any help much appreciated!

    R

    I hate this rule since it removes the default margins of everything.  But you're definitely on the right track.  What is happening is that the margins by default of the first and the last tag in the DIV does NOT collapse as it should and is pushing out.  You can fix this in a number of ways, including the way you suggested.  Another way would be to complete some padding the divs, or a border for the divs, or just set the margins on these specific tags (those in the divs) to zero.  For example, try this code with and without the style sheet embedded in Safari-


    Test


    Test

  • spaces between the div tags

    I posted a few weeks on how to Center my site (that I had learned to design using all AP divs). I have redesigned my site now. Everything looks great in Firefox and Safari; but I'm having a problem with spaces between the div tags in Solution Explorer.

    Please see problem and source code here:
    http://www.renegadegraphics.biz/renegade_graphics_contact_us.htm

    There is a space under the banner div in the left sidebar. Can anyone help me please with this. I have the two fill and margins set to 0.

    Thanks in advance for your help.

    -Change

  • Regular expression to remove the space in the HTML tag

    Hi all

    My HTML string is as below.

    Select ' < CityName > RICHMOND < / Nom_ville >< StateCd > ABCD CDE< StateCd / >< CtryCd > CAN < / CtryCd >< CtrySubDivCd > BC < / CtrySubDivCd > ' double Str

    Output desired is

    < CityName > RICHMOND < / Nom_ville > < StateCd > ABCD CDE< StateCd / > < CtryCd > CAN < / CtryCd > < CtrySubDivCd > BC < / CtrySubDivCd >

    I want to remove these spaces of the tag value box with only spaces otherwise leave it as what. Please help to implement the same using regular expressions.

    Hello

    We don't know what you want.  This site seems to be formatting your message in a weird way.

    As the statement

    SELECT «...» "THE DOUBLE;

    without formatting, to show your entry and after the exact output desired friom as, with as little in shape as possible.  It might be useful if you use some character like ~ instead of spaces (just for viewing; we will find a solution that works for spaces).

    To remove the text which consists of spaces and nothing else between the tags, you can say

    REGEXP_REPLACE (str

    , '> +<>

    , '><>

    )

    How is this string generated?  Maybe there is an easier and more effective way to keep the bad wrtings sub off the chain in the first place.

  • Responsive Design - Show and hide the div tags

    Hello

    I am building a website using sensitive design. I want a certain div tag to be read on a desktop and a tablet but then to disappear and a different div be made visible on the mobile device.

    I realized the above with the code below, but I found a problem. The problem I found is that the div is hidden here still an empty space remains there then it creates a large empty space. Anyway is to hide this great space?

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    line-height: 30px;

    }

    (Tablet)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    (office)

    {#tab-container}

    display: block;

    visibility: visible;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    {#phone-tabs}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 70%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 0px;

    padding-bottom: 0px;

    text-align: center;

    border-top-width: 0px;

    border-bottom-width: 0px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

    }

    Thanks for your help!

    Alex

    Try to delete the two lines, as shown below.

    Display: block overrides display: no because it is further down in the code.

    For this reason, visibility: hidden comes into play. This statement is exactly intended to hide the contents, while leaving the blank space.

    Edit: I think that really is all you need:

    {#tab-container}

    display: none;

    }

    (mobile)

    {#tab-container}

    display: none;

    visibility: hidden;

    Clear: both;

    float: none;

    left margin: 0;

    Width: 96%;

    display: block;

    margin-right: auto;

    left margin: auto;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    border-top-width: 1px;

    border-bottom-width: 1px;

    border-top-style: solid;

    border-bottom-style: solid;

    border-bottom-color: #000;

    border-bottom-color: #000;

  • Hide a div tag that flash has finished loading

    What I'm trying to do, is to hide several div tags until my main.swf loading is completed. It is quite difficult to explain, but I'm trying to do is to hide my navigation bar and a tab on my website quote request until finished the preloader to load my main.swf. The preloader is located inside the main.swf and basically just 2 framework once it is loaded. I need to show those hidden div tags once he finished to load more to move to the 2nd image, then it will have to be some sort of communication between AS3 and the HTML of my site.

    Basically, I have been unable to 'float' my icons in the bar of navigation and click the tab a request where I need them to help only AS3, but I know how to do the floating using Div and CSS tags. So, I just need these two divs hidden until the rest of the site is loaded.

    I had someone trying to explain how do using ExternalInterface, but it's too complicated for me too quickly. I'm looking for is an easy way to float my items when resizes browser window using only AS3 or an easy way to show a few tags hidden div (which contain very small .swf files) once my page loaded using an easy and fast AS3 function that tells the HTML to display the tags.

    Any suggestions would be greatly appreciated and thanks in advance.

    ExternalInterface is the way to go with this.  Search Google using terms such as 'Tutorial AS3 ExternalInterface' until you find something that you can operate.  Do not try to adapt it to your needs immediately. First operate it as a stand-alone experience.  Then you can modify your application to stuit.

    Here is a link to the mentioned research:

    https://www.Google.com/search?q=AS3+ExternalInterface+tutorial

  • Image disappears in the Div tag

    Hello Dreamweavers.

    IM by selecting my image that is inside a div tag and when I hit the enter/return is disappeaers. What is going on?

    The reason Im doing this is to add a legend title to my image leaving a space under the pitcure.

    Thank you

    u2a5.jpg

    * {

    margin: 0;

    padding: 0;

    }

    {#box1}

    Width: 600px;

    }

    {.floatright}

    float: right;

    left margin: 12px;

    margin-top: 0px;

    margin-bottom: 9px;

    margin-right: 0px;

    padding-right: 0px;

    }

    < / style >

    < / head >

    < body >

    < div id = "box1" >

    < p > < br >

    Contrary to popular belief, is not simply random text Lorem Ipsum. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years. Richard McClintock, a Professor of Latin at the Hampden - Sydney College in Virginia, one of the more obscure terms latins, computer, looked up a passage of Lorem Ipsum and passing by her quote of the word literature classic, discovered the undoubted source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of the 'of Finibus Bonorum and Malorum"(The extremes of good and evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet... '. ", comes from a line in section 1.10.32 < br >

    Contrary to popular belief, is not simply random text Lorem Ipsum. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years. Richard McClintock, a Professor of Latin at the Hampden - Sydney College in Virginia, one of the more obscure terms latins, computer, looked up a passage of Lorem Ipsum and passing by her quote of the word literature classic, discovered the undoubted source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of the 'of Finibus Bonorum and Malorum"(The extremes of good and evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet... '. ", comes from a line in section 1.10.32 < /p >

    < p > < / p >

    < p >

    < img src = "_images/award.jpg" width = "240" height = "192" class = "floatright" > contrary to popular belief, Lorem Ipsum is not simply text randomly. " It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years. Richard McClintock, a Professor of Latin at the Hampden - Sydney College in Virginia, one of the more obscure terms latins, computer, looked up a passage of Lorem Ipsum and passing by her quote of the word literature classic, discovered the undoubted source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of the 'of Finibus Bonorum and Malorum"(The extremes of good and evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet... '. ", comes from a line in section 1.10.32 < /p >

    < / div >

    < / body >

    < / html >

    IM by selecting my image that is inside a div tag and when I hit the enter/return is disappeaers.

    When you do what you say, it will disappear you tap "return" with the selected image . This will remove the 'image' of this region.

    The solution is to select the image in Design view (if that's what you're comfortable with), hit "right arrow key" and then press return. This will give you space 'after' the image, keeping the image.

  • The alignment of the div tags/content

    I have a div class = "wrapLinks" (unordered list) and a div class = "slider" (image carousel), and both are within the class = "content" div  At some point, "wrapLinks" were in the top left of the content.  After you create the div class is 'slider', the 'wrapLinks' have been 'pushed' down under the "cursor" that comes from taking up space at the top left of the content.  Ideally, I want the two (aligned horizontally) inline with eachother. First, I tried to change the margin for both classes of div in the css, but that doesn't seem to work.  I then tried to add "float: left;" to the "wrapLinks" and "float: right;" for the "cursor" in the css, but that also does not work.  I also try to put a button on the cursor.  I think that's what we call a 'floating div tag", but not sure.  I feel that I write the CSS properly for each class of div.

    Any ideas on what I can / should I do?

    I have provided a reference image.

    div_tag_help.JPG

    Even with the following addition/changes, the carousel seems too wide to fit completely on the page:

    .wrapLinks UL

    {

    margin: 10px 0px 0px;

    padding: 4px 0px 0px;

    do-family: "Arial Unicode MS";

    / * + 9px placement: shift-346px; * /

    position: relative;

    left: 9px;

    top:-346px;

    }

    .float-right

    {

    float: right;

    margin: 225px 60px banner 0px 0px;

    / * + placement: Maj 51px-301px; * /

    position: relative;

    left: 51px;

    high:-301px;

    }

    /*################*/

    . Slider

    {

    / * + placement: Maj 248px 8px; * /

    position: relative;

    left: 248px.

    top: 8px;

    }

  • space appears between the 2 lines in the region of the dynamic header.

    Hello

    Could you please suggest me how to remove the space between the 2 lines in the header area.

    In the header section section uses
    <? Call: Header1? >
    <? Appeal: To-tete2? >

    XML tags:
    Header1: <? model: Header1? > <? PARTY_NAME? > <? end model? >
    Tete2:? model: by-tete2? > <? PERIOD? > <? end model? >

    Currently the space appears between the 2 lines in the header area.

    Thank you
    Bhavana

    Hi Jessica,.

    Simply set your model like this:
    Header1:
    Tete2:

    Who would do it. I already checked it and it works.

    See you soon

    Jorge
    p.s if this answers your question please give the points and close the message

  • SPAN or Div tags in ul OK?

    IM using a drop down menu like this:

    http://www.HtmlDog.com/articles/suckerfish/bones/

    I must apply 3 for the 2nd level ul background images. If they were normal div is then I would just add 2 spans more or divs around them to achieve. Is it OK to do this with links and lists or copy the following code is not valid?

    Thank you

    You will need two things to tie up your images, if you do not li and one of their coupling. I have a feeling that you will eventually break the menu if interpose you a div between the ul and li menu items. In fact, you can insert a div tag (without success), but the div will show no depth. If you do outside the submenu ul, it will show always; If you put the div only around items of li inside the ul tag, it will hide and show, but will still have no height for her. Thus, no background image.

    What about spacing your menu items such as you can use a background on the AMT for the left side, background, border and low (see instructions) and use the border of the right hand on the li elements. You would need to engineer the border so there no rough air, but you should be able to function.

    If you apply a style of menu, you can also use to do, using two images sliding doors.

    Make a picture that is a path that is wider than your typical menu item and which includes all three borders. Export the border of the right hand as an image on its own. Don't include the lower border.

    Use the first image as the background of the li element.

    Use the second image as the background of the element has . Background-position: right; Background-repeat: no-repeat;

    You want to make sure that the item has has display: block; applied. Also, be sure to make Background-color: transparent;

    The right border image will be actually on top of the background image and border left, but placed on the right side.

    Check if this isn't what you want.

    Beth

  • Search find and style of text between HTML tags

    Here is an example in indesign. Ive been working with Word, Pages, Openoffice, and it's hard for everyone to submit documents style correctly. We found that the easiest way is to use HTML tags to indicate what gets the title beyond the standard paragraph style.

    < i > < /i > italic

    < b > "BOLD" < /b >

    code < code > < code >

    Code in bold < CODE > < CODE >

    Email or Adresse_web < url > < / url >

    I would like to search for ' < url > any character < / url > ' and add a character style to the text between the tags. Its ok if the style is applied to the tags, I can just "< url >" search and replace with white spaces.

    The question im hits which is a search for "< url >. "< / url >" returns 0 results. The '. ' is any character from the drop-down list of search next to the text field.

    I looked into GREP, but I've not had much luck find an answer CLAIRE using GREP.

    Right now what I'm doing is "< url >" search add a character style for the text between the tag found "url" and then when I'm done doing all this, do a quick find and replace "< URL >" and "< / url >. I was wondering if there was a faster way... Any help is very appreciated.

    Ah - Peter S. beat me to it! You add a question mark ()(.+) ()(.+?) (tag in the document at the last. (Parentheses are not required - in fact, the parentheses force InDesign in creating unnecessary references, making it less effective GREP. Although in short documents, you won't notice that.

    Peter K.

  • Align 4 div tags?

    I have a total of 4 div tags, I need to align correctly. The first will at the top left of the page and is 455w x 255 h. The next, which will display in line with the first and be placed in the upper right is 327w x 214 h. (note the difference in height). The third div is 455w x 261 h will be at the bottom left of the page. The last div at the bottom right is 327w x 344 h.

    Now the delicate parts. The background div 2 must align their funds. Because they have elements that cover the two divs and need to align horizontally. I would like the right div down to expand upward into vertical space left by the height of the 2nd div (top-right).

    Please see the gif attached for a Visual.

    I can reach the bottom of the tail, but it seems that I can only do with tables. I'm looking to break up tables form and I'd appreciate any help.

    Thank you!

    -Change

    http://www.Macromedia.com/go/getflashplayer"type =" application/x-shockwave-flash"width ="327"height ="344">
           

    on this subject.

    http://www.Macromedia.com/go/getflashplayer"type =" application/x-shockwave-flash"width ="327"height ="344">

    It is whitespace gotcha!

Maybe you are looking for