tag and css div issue

I am slowly converting my site to use the div and css tables tags and have just a few simple questions. Please be patient with my stupidity.

on my site www.tankinz.com to the right of the page, there is a quick order guide, it consists of boxes offers different packages that can be purchased, it is easy to create tables, but with the div and css tags it makes sense, but executing what I want it to do is another story.

as far as I understand, that each of these boxes would be a tag div and css I can style each box, or the div tag, including its size, color etc. when I create the div tags all stacked on each other, how to align the so that they are side by side, I suppose it has to do with 'the box settings' section of css can anyone help?

Yes. Put what you like in the floating #boxes.

Forget everything you learned in FrontPage.  Deprecated invoked FP code owner of MS that do not meet the standards of the web so much less today. The align attribute is invalid and has been since HTML4 came out.

DW forces you to use CSS and web standards.  It is also easier to work if you have a good knowledge of modern (semantic markup) HTML & CSS.   Practice makes perfect.

Some links below to help you.

HTML & CSS Tutorials-

http://www.html.NET/

http://w3schools.com/

How to develop with CSS? (a must read)

http://phrogz.NET/CSS/HowToDevelopWithCSS.html

Centering of Pages, Images and other elements with CSS

http://cookbooks.Adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Can someone explain please HTML tags and CSS styles and how to use them with external style sheets?

    I've never used an external stylesheet before and I know that I need to learn, so try it now. I've linked my page etc, but I do not understand why the html tags do not work... can I put only CSS styles in there? Can someone explain simply the best practices here? Thank you very much indeed.

    Ahhhhhhh! I have it! Thank you!

  • CSS / DIV Issue

    Hi all

    I'm not necessarily new Div/CSS layouts, but I'm having a problem at the moment that makes me batty!

    Here is the page:
    http://www.assumption.edu/programs2006/master/default.html

    Here's the CSS:
    http://www.assumption.edu/programs2006/master/CSS/layout.CSS

    If you try to watch it in the browsers of Gekko, it works fine... but if you try to watch using MS IE or Safari for Mac, the page is completely white... completely empty.

    I'm sure it's a simple little something, but I can't seem to find that needle in a haystack.

    Thanks for any idea!
    Ron

    Thierry,

    I can't believe I did such a rookie mistake! But after further investigation, I had 2 sets ofTags... Oh! (best impression of Homer Simpson)<p class="reply"> <p class="reply">Thanks for catching it!</p> <p class="reply">Ron</p>

  • try to give a sense of div and css tags

    I know I'm a few years late here, but I'm looking to do ot the migration using tables and transition to css and DIV tags I looked at some tutorials on you tube and I'm trying to figure it all out.

    Please tell me if this is correct.  a div tag is basically a table and css is what is used to style this div tag to meet your needs, this is a correct assumption?

    If you go to my current site www.tankinz.com , you can clearly see that site is composed of paintings, essentially these areas or tables contain a different element or a package a customer can click on and buy.  using div tags and css would be each of these boxes, or their own div tables?

    Sorry to seem a little silly but I'm trying to make sense of it all.

    Help, please!

    There are a lot of video tutorials, all what you need to do is Google the topic. But none that I have met who is going at the same pace as the student.

    This will probably help more http://forums.adobe.com/thread/492638

  • CSS, div and the AP div tags.

    Hi guys, I am building a Web page using a trial version of dreamweaver and I have a few problems with the formatting and CSS.

    I'm trying to build a gallery of thumbnails and managed to pretend grand in design mode, by using the 'class' selector (sorry for my terminology if it is false), by placing the thumbnails in an AP div and using the field "box" to set appropriate margins.

    But when the preview in internet explore, the images appear up against the div 'container', I said, even if that puts them outside the ap Div they are contained in.

    I found a 'solution' - to position elements in design mode so that they display correctly in internet explorer, even if it meant that the left most miniature has a border of 100 instead of 50.

    But to complicate things more, this Setup program incorrectly displayed in Safari and Firefox. (The images appear on the far right, but at least identical in both programs).

    I also tried to use regular divs and no divs, with similar problems. In fact, often the elements (including text) position I do not appear as they should.

    Can someone tell me what is happening and how to fix?

    Thanks in advance.

    Ben_McPhee wrote:
    > Hi guys, I am building a Web page using a trial version of dreamweaver and am
    > some problems with formatting and CSS.
    >
    > I am trying to build a gallery of thumbnails and managed to get it look great
    > in design mode, by using the 'class' (sorry for my terminology if selector
    (> Is false), by placing the thumbnails in an AP div and using the 'box '.
    > fields to set the appropriate margins.
    >
    > But when you preview in internet explorer, the images appear to the top against the
    > div 'container', I said, even if that puts them outside the ap Div
    > they are contained in.
    >
    > I found a 'solution' - to position the elements in design mode for that
    > they display correctly in internet explorer, even if it meant that the
    > more miniature left has a border of 100 instead of 50.
    >
    > But to complicate things more, this Setup program incorrectly displays in both
    > Safari and Firefox. (The images appear on the far right, but at least identical in the two
    (> programs).
    >
    > I also tried to use regular divs and no divs, with similar problems. In
    > fact, often of the elements (including text) position I do not appear as they should.
    >
    > Can someone tell me what is happening and how to fix?
    >
    > Thanks in advance.
    >

    I replied to your post of corss "vignettes of positioning" and suggested that you use a table to do this, since
    a table is the best and easiest to create a grid, which is what you want.
    If you don't want to use a table, learn CSS and use AP div tags.
    Divs are not a viable solution for your problem and are almost never a good idea, although they
    are often used by beginners because PA divs can be moved and positioned where you want
    the design view. Ease of use is an illusion and creates unexpected problems you encounter.

    --
    SEB (@webtrans1.com)

    high-end web design: http://webtrans1.com

    Music: http://myspace.com/popmodelberlin

  • How to create horiz 2 side by side nav bars using div and css?

    I am just placing navbars separate left and right side by side horizontally.  The div for the navigation bar right/second hand wants to go under the first, rather than beside it.  Each navigation bar must be 350 px wide.

    I am new to DW, so if you show me what to do in the code, please be specific and fundamental.

    I'm creating nav bars, following the instructions of the DW for Dummies, page 179: 1 pound large), first place the cursor on the page where I want the navigation bar will appear and click on the button DIV insert Panel; (2) name in the ID field, then...

    This is where I can't get the cursor to go to the right of the left navigation bar on the side of existing already created with a tag div and css.

    Thanks for your help.  I am creating a site e-commerce with podcasting.  I want to make the bars of nav for the separate electronic commerce of the podcasting navigation bar and the horizontal at the top of the entire page to take account of the layout of the site.

    InJoy! wrote:

    This is where I can't get the cursor to go to the right of the left navigation bar on the side of existing already created with a tag div and css.

    He's not beside that you currently have on your page until you style the two with css which should arrive later in the tutorial.

    You place the elements juxtaposed by "floating" with css.

    For example:

    A set of links go here.

    Another set of links go here.

    will look like (below) in Dreamweaver design view UNTIL you style them with css

    A set of links go here.

    Another set of links go here.

    Let the links to sit side by side using the attribute 'float' css:

    {#left_navigation}

    Width: 350px;

    float: left;

    }

    {#right_navigation}

    Width: 350px;

    float: left;

    }

    and they will look like:

    A set of links go here. Another set of links go here.

  • Problems with tags custom .css and Internet Explorer

    Hello

    I'm new to these forums, but I've been coding market for about 12 years.  I am currently desiging a Web site for my place of work, and I'm having a lot of problems with Internet Explorer.  It is not our main browser, but I want to assure you that the site looks decent on almost all platforms, and I really have a problem with IE (to test the page using IE v8).

    There are a few problems, but I want to ask about this first (I use Dreamweaver CS5.5 btw):

    I made labels custom text (t1, t2, t3, t4) because I don't like the spacing you get from h1, h2, h3, etc.  In any case, I set these tags in my .css file and placed the tags in my html file.  Everything works fine in Firefox, Chrome and Safari, but IE COMPLETELY refuses to recognize all the tags and so the formatting.  I'm pasting below the relevant extracts from the code and the appearance of the code in firefox vs IE.

    First the html code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" />
    <meta name="viewport" content="width=device-width" />
    <title>Precise Diagnostics, Inc.</title>
    <script src="SpryMenuBar.js" type="text/javascript"></script>
    <script src="BrowserDetect.js" type="text/javascript"></script>
    <script src="DrawMain.js" type="text/javascript"></script>
    <link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    
    <!-- iPhone
    <link href="iphone.css" rel="stylesheet" type="text/css" media="only screen and (max-width:320px)" />
    -->
    
    </head>
    
    <body>
    
    <t1>Laboratory Overview</t1>
        <t2>Precise Diagnostics Laboratory is an independent CLIA certified full-service anatomical pathology laboratory dedicated to provide a diagnostic excellence. Our facility utilizes state-of-the-art   instrumentation and medical technology. Our experienced, board-certified   pathologists strive to meet the highest standards of pathology service.</t2>
        <br />
        <t2>At Precise Diagnostics, Inc. a highly trained team of   laboratory professionals provide fast, accurate, laboratory services in   quest for excellence. </t2>
    <br />
    <t1>Certification &amp; Accreditation</t1>
        <t2>Precise Diagnostics, Inc. is a fully accredited, CLIA certified laboratory with license in New York.</t2>
        <br />
    <t1>Hours of Operation</t1>
        <t2>Laboratory</t2>
            <t3>Monday through Saturday: 10 AM to 8 PM; Sunday: 10 AM to 5 PM</t3>
        <br />
        <t2>Patient Billing Queries (347-861-7571)</t2>
            <t3>Monday through Friday: 9 AM to 4 PM</t3>
    
    </body>
    </html>
    

    And now my .css code snippet:

    t1
    {
        /*font-family: Calibri;*/
        font-weight: bold;
        font-size: 1.2em;    
        display: block;
    }
    
    t2
    {
        /*font-family: Calibri;*/
        font-weight: bold;
        font-size: 0.9em;        
        display: block;
        padding-left: 20px;
    }
    
    t3
    {
        /*font-family: Calibri;*/
        font-weight: normal;
        font-size: 0.8em;        
        display: block;
        padding-left: 40px;
    }
    
    t4
    {
        /*font-family: Calibri;*/
        font-weight: normal;
        font-size: 0.9em;
        display: inline;
        padding-left: 20px;
    }
    
    Body
    {
        font-family: Calibri;
        color: black;
        background-image: url(background-plain-original.jpg);
        background-repeat: repeat-x;
    }
    

    Appearance in firefox:

    AppearanceFirefox.jpg

    Appearance in Internet Explorer:

    AppearanceIE.jpg

    Now, I guess I'm missing something very minor, but I have no idea as to what.  Please PLEASE help me.  Otherwise, I use a workaround solution that takes 4 times the code and inconvenience.  Thanks in advance!

    And, in case of conflict between the rules, an id selector rule slip away a class selector rule.  For example -.

    #s1 {color: red ;}}

    . H2 {color: green ;}}

    ...

    This will be red

  • Issue of Muse - H1 tags and other SEO...

    I have a question I have let me puzzled on paragraphs and H1 tags. I want to be sure that my supplement H1 tags correctly my paragraph text.

    For the H1 tag (and other tags H), what type of paragraph is well-formed?

    Example 1 - two frames separate text with:

    Text block with H1 tag title only, and

    Block of text with the text of the paragraph.

    H1 title text

    Text of paragraph

    Text of paragraph

    Text of paragraph

    or

    Example 2 - block of text, with:

    Text block with H1 tag title text, and

    The text of the paragraph.

    H1 title text

    Text of paragraph

    Text of paragraph

    Text of paragraph

    Thanks in advance for your comments

    C

    Both are right technique.

    However, 1 sample will give you more freedom and options in your design.

  • How can I get space btwn header and maincontent div?

    I use Dreamweaver CS4


    Below is a picture of my office showing the question I need help. I need to know how to mount the main div so that there is little or no space between it and the header div. You can see the div of the main content indicated in yellow and space between it and the header.

    I looked in the margins and filling in the header and the main content in css div. Also, for some reason any that it does not affect the sidebar div?

    Help, please.

    div problem.jpg

    Too bad. Try this-

    Victor 4228 Valley Council

    And for the love of God, get rid of these tags Center!

  • Having problems during the alignment of the footer div and content div close together, in the browsers they wi

    My problem is when I paste text or anything sticking in the div tag I have a container that contains everything. I have a div that contains the content of the content. I also have a footer. When I align the footer to the end for the div content that is in the container, it looks good, until I see a different browsers, the content and the footer are widely spaced. I tried everything I could to make the browsers as close as what I do in dreamweaver cs4. Is there a solution to this problem?

    This is the link to the page work on.

    http://www.nlclv.org/truenewwebsite/HTML/doctrine.htm

    The footer and content div align hype in dreamweaver but far apart in browsers.

    Also, if you click on this link and click on the calendar of events page you will see the samething.

    Thanks for your help.

    Absolute positioning divisions are NOT a method of the right main page layout. Here's why:

    http://www.apptools.com/examples/pagelayout101.php

    You must use a CSS with positioning of default CSS (which is not at all positioning).  And then use the margins, padding and floats to align elements on the page.  In addition, if you want the page height to Flex to the content (as it should), remove the height property of divisions that contains text.

    Something like this:

    http://ALT-Web.com/templates/2-Col-fixed-Flash-holder.html

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

  • CSS formatting issues

    I should start this by saying: I am very new to CSS layouts and am self-taught, so I'm probably doing something very wrong. So far I have stuck to layouts very simple and had no problems... but they have been implemented with very simple page.

    With the site, I'm doing this now that I placed another div inside a content div, so that I can have left and the content of the right hand in the div content. But the left and right div isn't pushing the div contained down with their content, and I don't know what else to try to make it work.

    I tried setting the height of the div contained for auto or inherit, but who doesn't.

    As you can see on the home page of the site, I use a background image in the cell content.

    http://members.WestNet.com.au/zelky/surfschoolnew/index.html

    And if you look at the details page you can see what I'm trying to describe. The contained not div pushing down with the left and right content div content means that the background image is a few pixels deep under the nav DIV.

    http://members.WestNet.com.au/zelky/surfschoolnew/details.html

    And my pathetic/stylesheet CSS is here:

    http://members.WestNet.com.au/zelky/surfschoolnew/mainStyle.CSS

    Thanks in advance and I hope that my mess isn't ' hard to watch. As I said I'm a little lost so I hope I won't confuse anyone with my skills "home made".

    When you "float" elements on your page you remove effectively
    the normal flow of the document, the 'content '.

    think
    nothing is inside. You need to help him "compensation" by the floats.
    There are various methods of clearing of floats.

    Insert a "clearing".
    (see below) in the code of your pages directly
    AFTER the closing tag container 'just' and BEFORE the closing 'content '.
    tag Container.




    zelky wrote:
    > I should start this by saying: I am very new to CSS layouts and I am self-taught.
    > so I'm probably doing something very wrong. So far I've stuck to very simple
    > layouts and had no problems... but they have been implemented with very simple page.
    >
    > With the site I'm doing at the moment I put it inside other div has
    > content div, so that I can have content left and right in the content
    > div. But the left and right div isn't pushing the div contained down with
    > their content and I don't know what else to try to make it work.
    >
    > I have tried to adjust the height of the div contained for auto or inherit, but who
    > does not work.
    >
    > As you can see on the home page of the site, I use a background picture
    > the cell content.
    >
    > http://members.westnet.com.au/zelky/surfschoolnew/index.html
    >
    > And if you look at the details page you can see what I'm trying to describe.
    > The content div is not pushing down with the left and right content div? s content
    > means that the background image is just a few pixels deep under the nav DIV.
    >
    > http://members.westnet.com.au/zelky/surfschoolnew/details.html
    >
    > And my pathetic/stylesheet CSS is here:
    >
    > http://members.westnet.com.au/zelky/surfschoolnew/mainstyle.css
    >
    > Thanks in advance and I hope that my mess isn't? t? hard to watch. As I said
    > I'm a little lost so I hope that I won't confuse anyone with my "home-made".
    > skills.
    >
    >

  • Scripts and css

    What is the best way to declare my scripts and css?

    Add a link to external JS files, as shown below.  Exactly where in the document depends on what it is used for.   In general, I keep my script libraries and function codes at the bottom of my document, just above the closing tag, while it loads after all the rest.

    CSS links go to the top of your document, on the inside of thetag.

    https://cdnjs.cloudflare.com/AJAX/libs/Twitter-bootstrap/3.3.5/CSS/bootstrap.min.CSS">

    Nancy O.

  • Tags and live search portal Webcenter

    Hello

    Does anyone know if there is any possible merger/integration with Webcenter content tags and live search portal Webcenter?

    I know that the service offered by Webcenter Portal tag works for the search component however are not tags Webcenter will come out. Is it possible to include in the live search?

    Thank you for your time

    Hi Ivo.

    I will try to explain with an example.

    I assume you are using OracleTextSearch as the University Complutense of MADRID indexing engine to make searchable and indexable metadata you want. For example, the metadata tags are marked as searchable by default.

    When you search for example for tag: 'test', is the following queries generated:

    • WebCenter content: QueryText = ( test )
    • WebCenter content when searching using WebCenter portal search TaskFlow: QueryText = ((xCollectionID > '0' xCollectionID < `0`)=""> (test)) )

    It seems that if the content is in a folder it will be sought. However, when you are searching through AAU it will add several configuration parameters to the function GET_SEARCH_RESULT = 1 ftx (it looks like using full text search). In case of WebCenter portal does not have full-text search of the Complutense University of MADRID.

    I think you should open a SR Oracle regarding this issue.

    I hope this information helps.

    Kind regards.

  • Problems with left and right Divs

    Hello, I have returned, to see if everything is OK if I could receive assistance with the same subject that I posted previously that came to no conclusion. I try to have two div to the left and right of eachother, which automatically stop the footer. Here are my problems with the following code:

    1. for some reason, the left div is located in the upper left and right div located on the lower right corner

    2. the divs do not automatically stop at the foot of page and corresponds to the amount of pixels in "min-height".

    Demo page: http://www.expertpcguides.com/web-contributors.html

    Paste the following code in my .css document

    #left {}

    Clear: both;

    Background: url ('www.expertpcguides.com/mg/Left.jpeg');

    min-height: 610px;

    Width: 150px;

    float: left;

    }

    #right {}

    Clear: both;

    Background: url ('www.expertpcguides.com/img/Right.jpeg');

    min-height: 610px;

    Width: 150px;

    float: right;

    }

    Paste the following code in my html document

    "<div id="left">< /div > .

    "<div id="right"> < / div > .

    Infact to reach the boxes of such height you'll probably have to use display: table;

    This means wrap any 'left', 'boxcontent', 'good' section in another

    :

    Then, using css:

    {#displayTable}

    Display: table;

    }

    #left {}

    Background: url ("http://www.expertpcguides.com/img/Left.jpeg");

    Display: table-cell;

    Width: 12%;

    }

    #right {}

    Background: url ("http://www.expertpcguides.com/img/Right.jpeg");

    Display: table-cell;

    Width: 12%;

    }

    #boxcontent

    {

    Width: 76%;

    Display: table-cell;

    padding: 30px 25px;

    }

  • Is it possible to add keywords, alt tags and title tags to lightbox images and/or triggers?

    I build a mobile site that is fairly heavily dependent on lighbox poster for the scrolling feature. The issue I encountered is I should be able to add alt tags and title images in the device of light therapy (slide show) to keep the SEO of my website. I designed only some of the pages so far, and I'm going through is that once an image is considered to be a 'trigger' of muse, I can add is more the elements of SEO in the same way, I can when it comes to an image.

    A few ways to get around this, I found are:

    (1) export the Dreamweaver site and then I can go the code and add the SEO for images in the lighbox on the backend.

    (2) I can build the frame by frame and then site more to file each trigger for the lighbox slideshow.

    The problem with #1 is that when I export my Dreamweaver site is then modified in muse. I see this pose a huge problem, as I move forward with new iterations of my site. Changes in dreamweaver are not transferable to muse and creating two separate sites. This means that I would need to recreate all the seo built whenever I update the site. This is not really an option and is not efficient at all. Is there a way to come and go between these two products I know? This would be more useful.

    Question # 2: I built each project page on the great site as for most background images with triggers asked. I did it to try to lower the overall gerth of the site, but it is apparent that I won't be able to work around this problem and maintain seo, of that I'm looking.

    All experience this problem and solved?

    Here is the site to date:

    ghatest. BusinessCatalyst.com

    Thank you for your comments!

    Placed images and the images in the slide show supports tooltips (the "title" attribute), and the text via the menu content 'change Image Properties... '. ».

    Strictly speaking, in HTML (images of filling) background images do not support these tags. That said, in certain contexts, it may make sense to Muse allow to set these attributes on an arbitrary object (which may, or may not, have a picture fill).

Maybe you are looking for