Problem set webapp layout with css

Hi all (Hey Liam!)

I can't comb a webapp page layout using CSS. Usually I use tables, but I want to get a webapp layout in collaboration with CSS for this customer and I hit a roadblock.

Here is the article by webapp on one page http://Balivillas.BusinessCatalyst.com/our-villas

I want the short description text to sit to the right of the picture of the villa. No matter what I do with css, I can't do this simple thing.

I have a style sheet css that govern the whole design.

The css code in there to the point of webapp and alternative structure is in the style sheet:

{.webappWrapper}

float: left;

Width: 600px;

min-height: 260px;

}

{.webappSmlPic}

float: left;

Width: 310px;

min-height: 260px;

}

{.webappSmlDesc}

float: left;

Width: 250px;

min-height: 260px;

}

This is the code in the element and other layouts for the Web application

< div class = "webappWrapper" >

< div class = "webappSmlPic" >

< h2 > {tag_name} < / h2 >

{tag_small pic} < / div >

< div class = "webappSmlDesc" > {tag_short("burntime") description} < / div >

< / div >

If I download the layout of the alternate list webapp in DW6 and put the code just above, it will not style.

If I add this line from available to the global site style sheet the webapp style in DW:

"< link href="/stylesheets/balivillas.css "rel ="stylesheet"type =" text/css"/ >

However when I put this code in the webapp patterns in the backend of British Colombia, the layout is not style. The text lies in stubbornly under photography and is not sitting to the right of it.

I tried to do the css first as an id, then it changed to a class. It made no difference.

I tried to insert the line referring to the style sheet in the patterns of webapp. It made no difference.

I tried to change the reference in the default template for... / before the style sheet. It made no difference. (the Web application uses the default style sheet)

OK so what I am doing wrong here? You can surely webapp page layouts using css style? It of the idea of layouts in a flexible way, isn't it?

I know it will be something simple, but I can't get out.

Thanks for all your help.

OK, so I solved the problem on my own. (Yay for me!) ....

Must be the style CSS code in the webapp layout as there doesn't seem to be able to reference an external style sheet.

It seems a primitive way to do it, but what to do...

So this is the code that I put in the webapp list and other layouts to get their style correctly:

{tag_name}

{tag_small pic}

{tag_short("health") description}

Tags: Business Catalyst

Similar Questions

  • Need help on the layout with CSS

    Hello

    Go easy on me I'm new to the Web design...

    I'm working with CSS, learning about various tutorials and have a basic understanding.  Where I am getting lost is I do a page template (dwt), I've done this before but this time I want to be more than a simple text in my pages editable region

    Thus, for example

    index

    loads with a text and a video

    Page1

    some of the texts, images, ads etc.

    Page2

    some of the texts, images, ads etc.

    fundamentally something different on each page, but I only see the option to leave an ' editable ' for each page... the logic in my brain is I create a DWT with my site header and navigation and footer and have content in the average change for each page depending on what I want to have this page?

    What confuses me, that of if I had to do more than 1 dwt, then how could manage navigation in one place?

    Thank you

    I think you mean I should use relative not absolute positioning?

    No, I mean that you must use no positioning at all. Read this - http://www.apptools.com/examples/pagelayout101.php

    with CSS, if I hear you correctly the style sheets should be used for the control of aspects throughout the site, page specific CSS should be put on the page itself... seems logical because it could keep things tidy.

    Yes.  You have a right, even if you can put also specific to the CSS in the stylesheet global page if the selectors so that the rules are specific for tags and attributes on specific pages.

    Good luck!

  • Problem of browser compatibility with CSS in DW opacity

    Hello... I am very new to Dreamweaver, (fresh outta several years of photoshop) try to learn it and have very little experience with HTML/CSS coding. I'm doing a translucent black rectangle (drawn using CSS instead of using an image of a black rectangle) which is over a plaid background (background image of the tag body with background repeat.)

    In order to get this black box as transparent semi, I searched the web and found that I needed to use the Opacity property in the CSS (makes sense to me). So I hand coded because Dreamweaver didn't "opacity" as one options in the small drop down menu deal. After I did it, Dreamweaver has me in the "Browser compatibility" Panel that the 'Opacity' property was incompatible with virtually all browsers, including Firefox, Safari and Opera (mac guy). Not only that, but my black box was not translucent in the 'Design' of the preview window thing.

    Just for fun, I decided to open the page in Firefox - AND IT WORKED. He showed my black rectangle like I wanted, stretched and the ADJUSTMENT of the opacity that I wanted. I opened it in Opera and Safari, which also displays my page as I wanted.

    My questions are the following:

    1 - Why is Dreamweaver saying this opacity setting will not work with these browsers when it actually does?

    2-Why don't show up in the 'Design' preview opacity setting window but don't place in real browsers?

    3 - Why is opacity not one of the features that descends when coding (like width, height, margin etc..)

    In any way, please don't hate not me I'm so freakin new and I tried to search this forum and on the internet for the answer to my question and found nothing. My code is below:

    The HTML 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 > Tim Moen | < /Title > Designer
    < link href = "styles/tim_moen_designer.css" rel = "stylesheet" type = "text/css" / > "
    < / head >

    < body >
    < div id = "black" > < / div >
    < / body >

    < / html >

    THE CSS:

    @charset "UTF-8";
    / * CSS document * /.

    {body
    background-image: url (.. / images/burberry_dark_pattern.gif);
    background-repeat: repeat;
    background-color: #000;
    margin: 0 auto;


    }

    {#black}
    top of the margin: 20%;
    background-color: #000;
    height: 400px;
    opacity:. 8;

    }

    There are dozens of CSS attributes that can (and should) be handwritten. Problem with them is that, as shadows of text, they do not appear in all browsers. I have 9 different browsers installed and test pages in EACH of them before I "Finish" site or a page of a model construction.

    I try to compile for Firefox, personal preference, but I do things that work with IE because he still holds the market share (46% to 42% FF IE), and I'll only with designs that work in IE, FF, NS, Opera, Safari and Chrome.

    As for your questions.

    1. the verification of compatibility is probably common at the time of construction. I do not know if this item updates such as browsers, but I tend to think that it isn't. I use CS4 and there have not been updated for it in almost a year. Firefox has released 4.0, published 11 Opera and Safari 5 has released since then. The update would have found and downloaded something if it were available.

    2. I could only guess. Text shadows do not appear in Design view (or IE) but they do in the browser preview. It's just a quirk of the user interface, which means 'trial and error' is the only way to get what you want.

    3. Quick Access - selects which are located in the drop-down menus DW or popouts is the most common CSS designs and have been proven to work with all browsers at the time of your particular of DW build.

    Hope that helps...

  • Problem of graphical layout with Anychart

    I'm on Apex 4.2.4.00.08 and I'm having a problem with Anychart. Our previous version of the Summit has been 3.2 and used FusionCharts. In the upgrade process, I would like to fly over AnyChart using capabilities built in. But I can't seem to get the page layout to look like usual with FusionCharts.

    The caption is below the graph. And there is the mouse on the bar which shows the actual value.

    Any suggestions on how to get AnyChart look like this:

    graph1.gif

    Thanks for your help!

    Hello TC

    Change your custom XML Chart and find the section named "Tooltip_settings".

    Difficult to get legacy Anychart docs...

    http://anychart.com/products/anychart/docs/users-guide/index.html?QuickStart.html

    Here is the screenshot of one of my paintings.

    
    
    Series: {%SeriesName}
    Hours: {%YValue}{numDecimals:0}
    
    
    
    
    
    
    

    Kind regards

    Brad

  • Fixed problem of ePub layout with facing pages

    Hello

    I have a 240-page book, made from several inDesign files that I'm trying to convert a fixed provision ePub. Everything works like a charm except the transition from one file to another.

    The book uses pages face to face setting when the file ends for example on page 40, it is a page on the left, and the next file starts from page 41 and is a right-hand page. After export available fixed epub, the file that results has blank pages between the files. I mean, it's after the left 40 page there is a blank page on the right, then an empty page left followed by the right hand, page 41.

    What would be the simplest solution for this?

    Hello

    I found the problem in the book panel so case closed. 'The book Page numbering options' I had 'Insert blank Page' selected. This caused no problems when exporting to PDF, but gave rise to additional empty pages when exported to ePub.

    Is attached a screenshot of the book panel. The problem is between all the files.

  • Problem setting up star with noise + levels to the hi res

    It's something that I've never met... I tried all sorts of methods of fixing the problem, but nothing helped.

    First of all, I see a 24 "x 36", 150 DPI displays. There is a part of the poster where I want to create the illusion of space and stars. Easy enough, just to make a new layer, fill it with black, add a levels adjustment layer, adjust the black and white sliders and voila, stars...

    I took a 12.5% zoom screenshot: http://i234.photobucket.com/albums/e...eenshot6-1.png
    It looks exactly how I like my poster to watch.

    BUT, when all zooms in further, more noise starts to become visible for some reason any...

    Here are some examples:

    16.7%: http://i234.photobucket.com/albums/e...eenshot9-1.png

    33%: http://i234.photobucket.com/albums/e...enshot10-1.png

    66.7%: http://i234.photobucket.com/albums/e...enshot11-2.png

    and finally, 100%: http://i234.photobucket.com/albums/e...enshot12-1.png

    They are all with the same levels, you mind. Everything I do is zoom in a little each time.

    As you can see, none of these looks a lot like the interpretation of 12.5%, I linked at the beginning. It is mind-boggling to me. Am I missing something?

    Basically, my technique to create the stars deploys a new layer, filling black, add some noise (amount: 110%, Distribution: Gaussian, monochrome: checked), new levels adjustment layer, adjust the black and white sliders... and that's all.

    Specification of your computer, just in case:
    MacBook Pro (Intel)
    Adobe CS4 Master Collection (Photoshop CS4 specifically in this case.)

    Sorry for the long post, it's sort of difficult to describe without being in front of someone. Thanks in advance for any help or advice you may have.

    The blur of the image by using a Blur Gaussian after creating noise, but before adjusting levels.

    If you preview your image at 100% view while you perform your settings of levels, you will see how, nothing is really happening. It is a glitch preview which lets you think that levels affect the image. If the blur of the image, you should see the levels settings actually affect anything other than the preview.

  • Problem setting 2 networks with 2 routers

    Hi all

    I tried to set up networks of mini 2 using 2 routers Linksys (WRT150N & WRT54GL) just for proof of concept before moving on to bigger and more complex configurations.  For some odd reason, I can't get this ridiculously simple network to work for me.  I scoured internet and I think I have an understanding of what needs to be done, but it does not work for me.

    So I came to the conclusion that it is me or the material.  Before I blame the material, I would someone know to check if my configuration is correct.  It's really very simple that it's laughable, why it won't work.  In short, this is what I did:

    My Windows XP PC Office (set to "Obtain an IP automatically") is connected to the WRT150 (WAN-side: DHCP, LAN side IP 192.168.1.1, SM 255.255.255.0 GW: 192.168.2.1).  The WAN port on the WRT150 is connected to a LAN of the WRT54GL port (WAN-side: DHCP, LAN side IP 192.168.2.1, SM 255.255.255.0 GW: 0.0.0.0).  Also connected to a port LAN of the WRT54GL is a laptop XP ("obtain IP automatically").  I have verified that the PC and laptop and the WRT150 got their IPs since the respective DHCP.

    My simple test of this network would be ping from the PC to the WRT150 router (192.168.1.1) and ping the laptop too.  I ping the router but not the laptop.  What I read, I should be able to ping side WAN (192.168.2.x) of the WRT150 as well, but which is not the case or the other.

    Can anyone see what I'm doing wrong and care to enlighten me?

    Any enlightenment will be greatly appreciated.

    Norm.

    Who is 3rd party firmware.  Contact the dd - wrt support forum.  This forum is for the Linksys firmware.

  • Fields on several Internet sites have been changed in another language. The browser is set to English, and this problem does not occur with Chrome.

    Fields on several Internet sites have been changed in another language. The browser is set to English, and this problem does not occur with Chrome. Specifically, a large part of Tumblr and Facebook menu has been changed in another language (Russian, I think). I tried reinstall Firefox, clear the cache and reset firefox to its default state. None of them helped. Any suggestions on how to fix this?

    Hey again,

    Sometimes a problem with Firefox can be a result of malware installed on your computer, you may not be aware of.

    You can try these free programs to search for malicious software that work with your existing anti-virus software:

    Microsoft Security Essentials is a good permanent antivirus for Windows 7/Vista/XP, if you do not already have one.

    More information can be found in the article troubleshooting Firefox problems caused by malware .

    I hope this helps!

    Curtis

  • How to set the color for background ChoiceBox point to ChoiceBox with css?

    How to set the color for background ChoiceBox point to ChoiceBox with css?

    I need to change the backgound color list items.

    I tried with the following code, but it's not help to:

    {.context-menu .choice-box

    -fx-background-color: Red;

    }

    .choice-box .menu-item {}

    -fx-background-color: red;

    }

    In Java 8, either of your selectors should work.

    In Java 7 (JavaFX 2.2), you need of the following workaround:

    #choice-box-menu-item {
         -fx-background-color: red ;
    }
    
  • Problem of change layout and creation of a toolbar

    Hello


    I am a beginner, and I have 2 problems:

    (1) I have created a form to manage a db table. I chose a model, and everything is ok. My problem is to create a layout with a color of a particular field, a particular background color, a height of the line, a given height of the field, without borders, etc. Possible to do quite simply the apex, without CSS etc?


    (2) how to replace the button of the area with a toolbar containing all my custom buttons?

    TEMAMIV wrote:

    (1) I put this string in each attribute of the field element:

    style = "border-left: none;" border-right: none; border-top: none; border-bottom: none; background-color: blue; Padding: none; text-transform: uppercase; margin: none;  height: 12px; "border-collapse: collapse".

    but I have no idea how do I change the height of each row in my grid. I always have spaces around my fields.

    That means that you had a lot of wasted effort and still not met all the requirements. As above: "it's much simpler, more efficient and easy to manage to do it using a separate stylesheet. If you had used the time taken to make these changes to reproduce the problem in an example on apex.oracle.com and create a clear description of the requirements when you posted the question then you would have got a complete solution in a few hours or less.

    You cannot change the row height by using inline styles in the report attributes. This requires a built-in or external style sheet. These style properties also look like they will result in form controls that are largely unrecognisable and unreadable. You please explain in detail, exactly what you're trying to do and why you need to do.

  • Please help beginner with CSS positioning fix

    Am can't get the items of paragraph to behave the way I want to that they in the header section of the page on the link below. I paragraph address remaining in the position. Paragraph h, however, does not seem to be contained by the header div. He moves to the left as the browser window is resized to be larger. I tried to add a right margin of the paragraph address but paragraph hours does not seem to recognize that. I know I'm doing something wrong, but I can't seem to find out what. The little weather widget has a similar, but not quite the same problem. He moves to the right.

    http://www.openrangeimaging.com/test/gravity-test/index-Test01.html

    I hope someone knowing good css can help me to get this set up correctly.

    Thanks in advance for any help.

    Please forgive my newbieness. I have read and studied the html/css a bit, but this is my first attempt at real world if... I am determined to produce a website standards efficiently coded.

    We all started exactly where you are right now.  Learn how to work with the code is an excellent first step. Learn how to effectively use code is part skill and part art.  More you do, the easier it gets.

    When you have time, look at this article.

    How to develop with CSS?
    http://phrogz.NET/CSS/HowToDevelopWithCSS.html

    I had heard that the styles in the HTML are to be avoided. I guess it's a guideline that can be sometimes broken?

    True enough. Do not overdo with inline styles. But to change an element on a page, it won't hurt.

    Last question, is there a site you can recommend that I could keep posting my progress to for criticism on how I'm coding? It is appropriate to use this forum for this?

    You can ask your comments here.  There are many knowledgeable DW users here to help you.

    Good luck with your project,

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

  • a replacement lcd will set a screen with a gray screen or a screen that has lines

    a replacement lcd will set a screen with a gray screen or a screen that has lines

    To make sure that it is not software related, set it back to factory settings using iTunes on your computer.

    If the screen still has problems after that, have it repaired by Apple or an Apple authorized service provider.

    Use iTunes to restore your device to factory settings - Support Apple iOS

    Apple iPhone - contact Support - support

  • Problem of IEEE2 SRQ with METCAL

    I know it's related problem sets / Cal and I should ask community Fluke Metrology for this - but just in case someone here has a solution or a similar problem...

    Problem: new procedures TAKES / CAL by using the IEEE2 or SCPI commands cause SQR expect mistakes. Analysis of National Instruments with GPIB bus capture OR Spy software indicates that PUTS / CAL tests for TestSRQ (1, FALSE (0)) and forever (about 300 000 times before giving up). Change the SCPI commands to plain IEEE work very well (they don't seem wait unit SRQ at all). The tested EHR must be entirely consistent 488.2 (for example. Agilent oscilloscope DSO8064).

    A trial was conducted with the following set up:
    MEETING/CAL 7.2.51, editor in Chief MET / CAL 7.20Z
    Procedure: Agilent DSO8064A: (1 year) WORM 9500 CAL, 1Hd, DMM
    version: 2007-11-06 revision: 1.2

    Example of order of the procedure:
    1,016 SCPI * RST

    Correspondent captured bus traffic:

    1 ibtmo(0, T10s (13))
    PID: 0x00000F14 ID of Thread: 0 x 00000624
    Departure time: 10:33:12.625 call duration 00:00:00.000
    ibsta: 0 x 170 iberr: 11 ibcntl: 0(0x0)

    2. send (0, 0 x 0012, ' * RST; ") * CLS; * SR. "40 (0 x 28), DABend (0x02))"
    PID: 0x00000F14 ID of Thread: 0 x 00000624
    Departure time: 10:33:12.625 call duration 00:00:00.000
    ibsta: 0 x 168 iberr: 0 ibcntl: 40(0x28)

    3 Send(0, 0x0012, "*OPC", 4 (0x4), DABend (0x02))
    PID: 0x00000F14 ID of Thread: 0 x 00000624
    Departure time: 10:33:12.625 call duration 00:00:00.000
    ibsta: 0 x 168 iberr: 0 ibcntl: 4(0x4)

    4 Send(0, 0x0012, "*ESR?", 5 (0x5), DABend (0x02))
    PID: 0x00000F14 ID of Thread: 0 x 00000624
    Departure time: 10:33:12.625 call duration 00:00:00.000
    ibsta: 0 x 168 iberr: 0 ibcntl: 5(0x5)

    5 Receive(0, 0x0012, "1.", 511 (0x1FF), STOPend (0x100))
    PID: 0x00000F14 ID of Thread: 0 x 00000624
    Departure time: 10:33:12.625 call duration 00:00:00.406
    ibsta: 0 x 2164 iberr: 0 ibcntl: 2(0x2)

    6 TestSRQ(0, FALSE (0))
    PID: 0x00000F14 ID of Thread: 0 x 00000624
    Departure time: 10:33:13.062 call duration 00:00:00.000
    ibsta: 0 x 164 iberr: 0 ibcntl: 2(0x2)

    (6 300 000 times repeated before giving up to PUTS / CAL)

    Do you have suggestions on how to solve this problem.

    Sincerely
    ___________________________________________
    Miikka Raninen
    Technician
    Accredited calibration laboratory
    Finnish companies material Command

    Checked line 10 with a multimeter on the GPIB cable. He was cut inside the connector and no one scored as such cable. They've done this week.

  • Problem of Flash Player with the BBC News site

    My HP Pavilion laptop has a specific problem with the BBC News website.

    When I click on a video, it starts loading and then stays black. Our other PCs and laptops do not have this problem.

    The parameters are defined as the BBC help advise. It is possible to watch videos on other sites.

    I use the reader most recent Flash (uninstalled, installed again), Windows 7.

    The problem is the same with Explorer, Firefox, Opera, chrome.

    Please who has an idea of what I might try next. I tried too many forums, help and (re) install.

    Wow, I have solved my problem! Not with the help of the BBC and Adobe sites,

    just after the hard try several settings. It appeared that this global settings is not accessible when you right click on the video window. I got another window of Global setting than on the Adobe Flash site.

    The people at Adobe: why is that?

    Go to;

    http://www.Macromedia.com/support/documentation/en/flashplayer/help/settings_manager03.html

    Set

    "Allow content to store data on your computer third Flash.

    Problem solved

  • Time zone / problems of the DST with XP mode VM in Windows 7

    Hi all.  I seem to have problems keeping straight time with my XP Mode VM under Win 7 Pro64.

    To the EAST, 2000 server is set to active TimeZones.  (Yes, it's old, we know!)
    My Win7 box is set to the active EAST of TimeZones.
    My computer XP mode virtual running under Win7 is set with DST enabled East.

    The server time is right.
    The time of Win7 is right.
    The XP VM is 1 hour late, and I can't change the time manually. (Jumps to 1 time in seconds)
    Files modified on the XP VM and stored on the server get time stamped 2 hours before the current time.

    New idea of what to check is greatly appreciated!  Thank you!

    Hello

    Your question is more complex than what is generally answered in the Microsoft Answers forums. It is better suited for the IT Pro TechNet public. Please ask your question in the Forum on TechNet Support. You can follow the link to your question:

    http://social.technet.Microsoft.com/forums/is/w7itprovirt/threads

Maybe you are looking for