Search Results

Search found 3408 results on 137 pages for 'margin'.

Page 99/137 | < Previous Page | 95 96 97 98 99 100 101 102 103 104 105 106  | Next Page >

  • Generating PDF results in single page only?

    - by A T
    Generating a PDF from an email (Zurb Ink templated); but am always presented with a single page PDF. Runnable test-case: from weasyprint import HTML, CSS from urllib2 import urlopen if __name__ == '__main__': html = urlopen('http://zurb.com/ink/downloads/templates/basic.html').read() html = html.replace('<p class=\"lead\">', '{0}<p class=\"lead\">'.format( '<p class=\"lead\">{0}</p>'.format("foobar " * 50) * 50)) HTML(string=html).write_pdf('foo.pdf', stylesheets=[ CSS(string='@page { size: A4; margin: 2cm };' '* { float: none !important; };' '@media print { nav { display: none; } }') ]) How do I get a multi-page PDF?

    Read the article

  • Class in TR without one TD

    - by Roy Grendester
    <table> <tr class="here"><td><input type="text" readonly=readonly></td></tr> <tr class="here"><td><input type="text" readonly=readonly></td></tr> <tr class="here"><td><input type="text" ></td></tr> </table> td { padding: 15px; margin: 10px; } .here { background-color: red; } http://jsfiddle.net/dZYEM/ How can i modify class .here that this working where child input has attribute readonly? I dont want modify html. EDIT: now i have: jsfiddle.net/dZYEM/2/ i would like receive: http://jsfiddle.net/dZYEM/3/ but without use style. I want receive this only with css.

    Read the article

  • checking & unchecking a HTML checkbox inside repeater based on database value

    - by subash
    i have a repeater control with item templates having check boxes,and i need the check boxes inside the repeatercontrol to be checked based on the database value of a column field "enabled" of bool type of either true or false. the code is as below what modification should i make to check and uncheck the check box? <asp:Repeater ID="rptrDashboardIssue" runat="server"> <ItemTemplate> <%issueEnum += 1;%> <div style="margin-left: -20px; position: absolute;" id="divModificationCaseflow"> <input type="checkbox" name="chkModificationCaseflow" id="chkModificationCaseflowIssue<%=issueEnum%>" checked="<%# DataBinder.Eval(Container.DataItem, "enabled")%>" /> </div> </ItemTemplate> </asp:Repeater>

    Read the article

  • In LaTeX, is there a way to get long lines along the margins?

    - by Christian Jonassen
    I'm working on a report, and some elements are outside the margins (but some are just barely outside the margins). I was wondering: Is there a way to make two vertical lines, one on each side, along the margins so that one can easily see if it goes outside them? (Googling it, I only found information about margin notes.) A figure is below: |report text goes here| |more text goes also h|ere |and so on and so fort|h It would certainly make correcting these kinds of mistakes very trivial. :) Feel free to post answers that would solve/show this problem in a more "LaTeX-correct" way, if that makes any sense at all.

    Read the article

  • Li with float in IE6/7. It disappears?

    - by Ricardo H.Bin
    Hi guys. Try test this code in IE 6/7: <html> <head> <title>Title</title> </head> <body> <ul> <li style="float:left">huisashaiuhs iuhuiahsiuhsaiu</li> </ul> </body> </html> Where is the circle of LI? I already do ALL types of workaround, in UL and LI. Nothing, NOTHING works. Do you have any idea? (BTW already tried hasLayout,padding-left,margin-left,display:inline, etc etc etc)

    Read the article

  • How can I keep a div's scrollbar at the bottom of the div using jQuery?

    - by dannytatom
    I have a div called #output, styled with overflow: scroll;. Using jQuery.ajax, it's being updated every x second. I'd like to have it so that when the scrollbar appears (after the divs filled up), it should continously stay at the bottom of the div instead of the top, like most chat clients do. I'm sure there's a way to do this, I just can't seem to find it. Here's the Sass #output :margin 0 0 10px 0 :padding 10px :height 500px :overflow scroll :background #111111 :border 1px solid #000000 :color #8e8e8e and the Haml is just a simple #output = @output

    Read the article

  • HTML Checkbox Alignment

    - by iGuygar
    Test Page URL: http://www.guygar.com/inception/ultra/indexCopy.html I am new to this and searching SO I found the following solution for alignment between text and Checkbox: <div style="border-bottom:1px solid black; padding:4px; background-color:#003b5a;"> <span style="font-weight:bold;">Back to the Roots</span> <form> <input type="checkbox" value="header" style="float:right; vertical-align: middle; margin-top: -15px;" /> <label></label> </form> </div> While this works in IE9, it does not work in Chrome or Firefox. Could you please help me with this? Thank you.

    Read the article

  • Identical CSS behaves differently when applied to either body or a div

    - by Razor
    Using a DIV as container <div class="container"> <div class="half-hidden"></div> </div> CSS .container { margin: 20px auto 0; width: 200px; height: 200px; border: 1px solid red; position: relative; overflow: hidden; } .half-hidden { position: absolute; top: 10px; bottom: 10px; left: -50px; width: 100px; border: 1px solid teal; } Using body as container <div class="half-hidden"></div> CSS Replace the above .container with body Why?

    Read the article

  • clear property is not working in ie 7

    - by Mayur
    Hi all, I m using a div in my web site by using float:left and float:right after that is used clear:both, its working fine in all browser except ie7 i have tried a lot of things please tell me a solution to resolve this problem.... css: .clear { clear : both; margin : 0px; } html: <div style="float:left">some text</div> <div style="float:left">some text</div> <div class="clear"></div> <div style="float:left">some text</div> <div style="float:left">some text</div> Thanks

    Read the article

  • How do I create a hybrid two column lay out like php.net?

    - by Koning WWWWWWWWWWWWWWWWWWWWWWW
    I want to create a layout like this: | | | | | | | | | | | | | | | | -FIXED-|--------FLUID---------| | | | | | | | | | | | | | | Just like http://www.php.net/ I have this: div#sidebar { float: left; width: 200px; padding: 4px; background-color: #EEEEEE; border-right: dashed 1px #AAAAAA; } div#content { padding: 4px; margin-left: 208px; } But the problem is that the sidebar isn't at least the height of the content block (which it should be). Can anyone help me? Thanks Oh, one more thing: I will never, ever use a table for this!

    Read the article

  • stars and slideshow input not working in IE browsers

    - by pradeep
    http://ratingscorner.com/product_rating.php?alias=Rashtreeya-Vidyalaya-College-of-Engineering-Mysore-Road-Bangalore&product=colleges I have a page like this .this works very well in all browsers, but not in IE. problem in IE is that : 1. If you go to "your ratings" tab in second section. the stars and input are not clickable only. 2. and the gap between tabs and tables are more in IE .. tried to check in firebug also. the element has not margin or padding at bottom. the slideshow also does not work in IE

    Read the article

  • How can I center a box of unknown width in CSS?

    - by NXTBoy
    I have this html: <div class="object-box"> <img ... /> <span class="caption">This is the caption</span> </div> Which is accompanied with this CSS: .object-box .caption, .object-box img { display: block; } .object-box { border: 1px solid; } I would like the surrounding div to shrink-wrap to its contents. I can achieve this by using float: ... or display: inline-block. However, I'd also like it to be centered on the page, using margin: auto. The two approaches don't seem to be compatible. Is it possible to create such a shrink-wrapped, centered container, without adding a wrapper element?

    Read the article

  • Any idea about WPF ScrollViewer to make it smooth scroolling like Android?

    - by jimi
    I have trying a simple ScrollViewer in xaml like below: <ScrollViewer Height="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type StackPanel}}, Path=Height}" ScrollViewer.VerticalScrollBarVisibility="Visible" CanContentScroll="True"> <DockPanel> <StackPanel Name="StackPanel1" OverridesDefaultStyle="False" Width="230" Height="803" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="23,1,0,0"> ....Something here ....Something here ....Something here </StackPanel> </DockPanel> </ScrollViewer> But my question is..is it possible for us to create any smooth scrolling likes any android or iphone using WPF? Any ideas?

    Read the article

  • Using CSS to positon text after an image

    - by Charles L
    I've trying to do something that I'm sure is simple, but I can't do it. All I want to do is have an image and then some text after that image, and be able to control accurately the amount of space between the image and the text. Here's my code: http://pastebin.com/fx17XUaR I couldn't work out how to paste it in here directly. In my style sheet, wrap has these attributes: .wrap { //text-align: left; width: 1100px; height: 870px; background-color: white; color: black; padding: 10px; margin: auto; I want my text to look like this directly below the image: Username Age Location Currently, I just add loads of break tags to control where I have the text, but that's messy and there must be a better way. Thanks in advance for any help.

    Read the article

  • Conflicting problem with css

    - by Luke
    I was told last night that the following isn't allowed in CSS. <a href="index.php"><div class="button">Home</div></a> .submenu div.button{width:72px; height:20px; float:left; margin:0 20px; font-size:0.9em; font-family:Arial; padding:2px; color:black;} How can i create the look I want for the button and then allow the user to click on it in any other way? What is the best way to do this? It works as it is, but I am being told it's not complient.

    Read the article

  • Ideas on limiting content to single printed page?

    - by James Skidmore
    I have 5-6 text areas that users fill out in a template (a couple of columns, basically a newsletter format). I'm needing to limit their content to one printed page, but I'm having a hard time coming up with practical solutions. The printed format (margin, font size, etc.) will be the same for all users, as it's printed from a central source. I've had a couple of ideas, but all of them seem rather unreliable and difficult to implement: Determine height of content using JavaScript and estimate the number of printed pages from that. The problem with this is that browser font sizes can vary, it's only a rough estimate (pixels to inches), etc. Limit the number of characters. This is problematic because there are various text fields, certain characters (like M) take up more space than others (like I), and line breaks obviously count for much more. What ideas do you all have? I appreciate your help!

    Read the article

  • Add multiple Styles to Silverlight Control

    - by lidermin
    Hello, I'm using silverlight and I defined two styles for the page: ExpanderBottomRightButtonStyle ExpanderScaleStyle Now I want to add those two styles to the same control: <controls:Expander x:Name="expBRButton" Grid.Row="1" Grid.Column="2" Margin="5" Style="{StaticResource ExpanderBottomRightButtonStyle}"> <controls:Expander.Content> <Button Content="&lt;Button&gt;"></Button> </controls:Expander.Content> </controls:Expander> I don't want to join the two styles in one, cause I need them separately too. I thought something like: Style="{StaticResource ExpanderBottomRightButtonStyle ExpanderScaleStyle}" But it's not possible. How should I do this? I'm new on Silverlight 3. Thanks in advance.

    Read the article

  • CSS Sliding Underline does not work in Safari?

    - by ghilton
    I have created a navigation menu which has a 'sliding underline' effect for each hyperlink. JS Fiddle: http://jsfiddle.net/ZZuQR/12/ RELEVANT CODE: /* sliding underline */ nav li a:after { content: " "; display:block; margin: 5px 0px 0px 0px; border-bottom: 3px solid transparent; width: 0px; transition: 0.5s ease; } nav li a:hover:after { border-bottom: 3px solid #0076a3; width:50px; } This solution works in Chrome but not in Safari. Does anyone know why this might be?

    Read the article

  • The css is not displayed in opera mini and balckberry browsers

    - by p.karuppasamy
    Hi All, I 'm a php developer. I develope a site for mobile using php hawhaw.inc. i use the page sim for set the css for my page as $myPage->use_simulator("http://".$_SERVER["SERVER_NAME"].":".$_SERVER['SERVER_PORT'].dirname($_SERVER['PHP_SELF'])."/css/style.css") im my css file i write the css for table. it set in the windows mobile but it's not set in the opera mini and black berry browsers. The page is $myPage = new HAW_deck("Login ", HAW_ALIGN_CENTER); /*$myPage->set_bgcolor('#337fa6'); $myPage->set_background('../images/body_bg.jpg'); $myPage->set_css_class('skin');*/ $myHtmlCode = '<link href="css/style.css" rel="stylesheet" type="text/css" media="handheld" /><link rel="stylesheet" type="text/css" href="css/style.css" /><meta name="viewport" content="initial-scale=1.0"/><meta name="viewport" content="user-scalable=false" />'; $myAdblock = new HAW_raw(HAW_HTML, $myHtmlCode); $myPage->add_raw($myAdblock); /*$myPage->set_width('50%'); $myPage->set_height('50%');*/ $myPage->use_simulator("http://".$_SERVER["SERVER_NAME"].":".$_SERVER['SERVER_PORT'].dirname($_SERVER['PHP_SELF'])."/css/style.css"); $myForm = new HAW_form($_SERVER['PHP_SELF']); $text = new HAW_text("Please enter username & password:"); $text1 = new HAW_text("REMcloud", HAW_TEXTFORMAT_BOLD | HAW_TEXTFORMAT_BIG); $myImage1 = new HAW_image('','../images/logo.png','REMcloud',''); $myImage1->set_br(1); $myImage1->set_html_width(200); $myImage1->set_html_height(100); $error=new HAW_text($_REQUEST['msg'], HAW_TEXTFORMAT_BOLD); $error->set_color("#ff0000", "red"); $theID = new HAW_input("username", "", "Username", "*N"); $theID->set_size(4); $theID->set_maxlength(20); $text2 = new HAW_text(""); $thePW = new HAW_input("password", "", "Password", "*N"); $thePW->set_size(4); $thePW->set_maxlength(20); $thePW->set_type(HAW_INPUT_PASSWORD); $theSubmission = new HAW_submit("Submit", "submit"); // add the elements in the form //$myForm->add_text($text1); $myForm->add_image($myImage1); //$myForm->add_text($text2); $myForm->add_text($error); $myForm->add_text($text2); $myForm->add_text($text); $myForm->add_text($text2); $myForm->add_input($theID); $myForm->add_text($text2); $myForm->add_input($thePW); $myForm->add_text($text2); $myForm->add_submit($theSubmission); $myPage->add_form($myForm); $myPage->create_page(); the css is /* HAWHAW skin stylesheet for the hawhaw phone */ body { background-color: #FFFFFF; text-align: center; margin: 0px; padding: 0px; color: #222222; } #skin { margin: 0px auto; padding: 0px; text-align: left; width: 280px; height: 466px; background-image: url(../../images/bg.jpg); background-color:#337fa6; background-repeat:repeat-x; } #display { position: relative; top: 80px; /* left: 43px;*/ width: 100%; height: 85%; overflow: auto; } TABLE{ width:100%; padding-left:-10px; overflow:scroll; height:20px; border:none; font-family:Calibri; font-size:14px; } tr{ height:20px; } td{ color:#fff; border:none; } a { font-family:Calibri; font-size:16px; } if any one know please advice me for the same Thanks in advance

    Read the article

  • padding is not used in ie7

    - by Salil
    Hi All, I used a padding in select list of gender but its not working in ie7. its working properly in all browser ie8, firefox, safari but not working in iee7 i tried a lot but nothing happened... <div class="clear" style="margin-top:5px; float:left; text-align:right"> <% @sex = [['male', '0'],['female', '1'], ['others', '2']] %> <%= select_tag :sex, options_for_select(@sex), :style=>"padding-left:15px; width:100px; height:30px;padding-left:15px;vertical-align:middle;" %> </div> Thanks Mayur Mate

    Read the article

  • Padding List Items?

    - by Lee Olayvar
    I have a list where i basically need a hierarchy of items. Any children of an item would be padded slightly, as to easily distinguish their parent item. How could this be achieved? Note that i could, if needed, make each parent show no children, and then when the parent is clicked, a new list containing all of it's children is loaded. This however requires more clicking to display information than i would prefer. Also, the items themselves will contain graphics and whatnot (to show a drag'n'drop button, etc), so it would be best if it visually appeared as if the item itself had a margin, rather than the contents of the item being padded. Thanks to any replies!

    Read the article

  • Eclipse - Ouline View - Turn Off Filtering

    - by Ibolit
    Hi. I recently installed Eclipse on my new computer, and this installation somewhat filters the class members. I think it is somehow related to the Outline, but i couldn't find any settings related to it. The thing is that when i, for example, have an error in a method, and click on the little red square on the margin, eclipse shows me only that method, and nothing else. When i then click on the class name in the outline panel, eclipse shows me the class without import declarations. I can, of course, click on the import declarations in the outline panel, but then i get only them. When I want to jump to the declaration of some method by command-clicking that method's name, I again get only that method on the screen. It is really annoying. Can anyone please help me fix it? Best regards,Timofey.

    Read the article

  • Overlapping elements stop overlapping in IE7 on class change

    - by Gazzer
    On this page http://zenchan.com/program/ When I rollover the right box 2nd from the top suddenly the overlapping (negative margin disappears). What's happening is that a 'hover' class is being added to shift the background sprite. The two yellow boxes are debugging: if the hover class is put their in advance there is no problem. So fundamentally the CSS is not a problem for IE7 but adding the class is. Any ideas what's causing this. I've tried adding haslayout to various elements but to little effect.

    Read the article

  • Flash Overlapping HTML. CSS Problem In IE??

    - by Jascha
    HELP, this is a very unique problem and I can't for the life of me figure it out. My flash content is overlapping the HTML above it. This only happens if I've just launched IE after being restarted and goes away once I refresh the page. I even added a jQuery $(document).ready function that sets a margin between the html and the flash content to add 1px of space when the page is loaded. It's so hard to figure out, because once I refresh the page, it goes away. Any input GREATLY appreciated. Here is the site. http://www.californiaremodels.com (This only happens in IE) here is a screen shot of the problem.

    Read the article

  • fixed background in IE -any resolution

    - by Krishna Priya
    Hi, In my website, I have to use the background image that is fixed in any resolution, and should not change when control+scroll. I have used the following css. /* CSS style / img.bg { / Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } This code working fine in Firefox, but background image is shrinking in IE browser. How to fix this issue.Anyone please help

    Read the article

< Previous Page | 95 96 97 98 99 100 101 102 103 104 105 106  | Next Page >