Simple CSS problem... I hope.

Similar Questions

• Advanced CSS problem

  Hello!
  
  I "inherited" a Web site layout that has some CSS problems, I hope you can help me with. I've tried everything I can think of, but I still have the problem.
  
  Here's the layout: http://www.96ppi.net/ibooks/
  
  It is the homepage (front). Looks fine in IE, but the boxes on the right fails in Firefox. Only problem is.
  
  However, the biggest problem is that some content overlap, to make the text unreadable (ugly) as in this page:
  
  http://www.96ppi.NET/iBooks/Produkt.htm
  
  The problem I have is that the CSS is written by another guy, which I don't even know, and it is pretty advanced (convoluted is another word). And I can't seem to solve these problems with Firefox (and IE7), display of text on top of eachother.
  
  The HTML and CSS code removes reasonably in a validator...
  
  CSS files:
  
  http://www.96ppi.net/iBooks/narrowcontent.CSS (no doubt where the fault)
  http://www.96ppi.NET/iBooks/navigation.CSS
  http://www.96ppi.NET/iBooks/pageLayout.CSS
  http://www.96ppi.NET/iBooks/rightcolumn.CSS
  http://www.96ppi.NET/iBooks/typography.CSS
  
  ADVICE, you can provide would be appreciated. Let me know if I can provide further information.
  
  Mathias

  Hi Mathias,.

  According to my observation, that you need to add "display: table" this will also work in FF and IE7

  Name of the class:
  Class = RightBoxMiddle

  Add Style
  style = "display: table;"

  Enjoy! :)

• question simple css

  Hello
  
  I'm stuck with a question simple css-
  
  I need to display some text below the other strings:
  
  Text1
  Text2
  Text3
  
  I use jspx:
  
  < af:panelGroupLayout layout = "vertical" >
  
  < af:panelGroupLayout >
  < af:outputText value = "text1" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "text2" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "Text3" / >
  < / af:panelGroupLayout >
  
  < / af:panelGroupLayout >
  
  
  well, I receive the channels displayed vertically.
  
  
  but I need them to the right of the screen-
  
  so I use the style class:
  
  {.textClass}
  float: right;
  }
  
  and adding in all three group layout in the hope that the three strings to shift right-
  
  < af:panelGroupLayout layout = "vertical" >
  
  < af:panelGroupLayout >
  < af:outputText value = "text1" styleClass = "textClass" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "text2" styleClass = "textClass" / >
  < / af:panelGroupLayout >
  
  < af:panelGroupLayout >
  < af:outputText value = "Text3" styleClass = "textClass" / >
  < / af:panelGroupLayout >
  
  < / af:panelGroupLayout >
  
  
  they go right, but they are now displayed on one line:
  
  text3text2text1
  
  
  what I wanted was-
  
  -------------------------text1
  -------------------------text2
  -------------------------text3
  
  
  Please suggest.
  
  Thank you.

  Why so complicated?

  the round is played.

  Timo

• Very simple CSS help, borders

  Very little CSS problem. I have a Web page that is a fixed height with blue borders on each side and the bottom. This Web page has a facebook comments box, and I noticed after a number of comments, comments exceed beyond my Web page under my foot. It does because most of comments added to a web page gets more Web page. And my Web page having a fixed height comments started running off the page. The simple solution to this would be at the height of the div to auto or don't have much style to set a height at all. I did this and for some reason when I do this my web page borders disappear. My question is how to make my Web page to extend with comments from facebook without my borders disappear. Example of a page on my site: http://covermyprofile.com/view.php?id=12 & image = http://i1176.photobucket.com/albums/x332/Ja rel20/covers/hiphop/kid_cudi_glasses.jpg

  #bodywrap {
   width: 910px;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #9FD6E1;
   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #9FD6E1;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: #9FD6E1;
   height: 2025px; (if i set this to auto my borders disappear)
  

  Rather than using the property HEIGHT use INFINITY as per

  {#bodywrap}

  Width: 910px;

  border-left-width: 1px;

  border-left-style: solid;

  border-left-color: #9FD6E1;

  border-right-width: 1px;

  border-right-style: solid;

  border-right-color: #9FD6E1;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #9FD6E1;

  overflow: hidden;

  }

  GRAMPS

• Help! CSS problem? My head is gone!

  Help, please

  -don't know what I did, but my head is gone--I think it's a CSS problem, but I'm not sure.  Can someone take a look please?

  http://louisianaqio.eqhs.org/index.html

  Thank you!!

  DebLouisiana wrote:

  I hate to ask, but can you tell me how get the header centered - centered above the wrapper before that I messed up.

  Change your 'headercontainer' css such as shown below:

  {#headercontainer}
  Width: 760px;
  margin: 15px 0 auto;
  }

• Very simple ExternalInterface problem :)

  Hello world

  I have a simple question/problem here that in my opinion should be very easy to fix, but I can't find examples of work there!

  What I have now:

  A simple .swf with a function that makes a movieclip (ball_mc) moves to the right called when a button is clicked in the html page:

  import flash.external.ExternalInterface;
  import flash.events.Event;
  
  ExternalInterface.addCallback("sendDataToFlash", moveBall); 
  
  function moveBall():void 
  
       {
            ball_mc.x = ball_mc.x + 20;
       } 
  

  And in my html, I have the following javascript code:

  <script>
  function moveBallOnClick() {
  getFlashMovie("ExternalInterfaceExample").sendDataToFlash();     }   
  </script>
  

  And then I call this function as follows:

  <form>
  <input type="button" onClick="javascript:moveBallOnClick();" value = "Move Ball" />
  </form>

  AND IT WORKS BEAUTIFULLY!

  It's just a simple button and I have a click and move the movieclip

  What I want to do:

  Instead of using the button on the form, I just want to do exactly the same thing but with a hyperlink instead.

  I use the button on the form in my html code now is because after 5 days of internet research, I just could not find a single example of running only a simple function. They were all examples of the sending of forms of text and so on, so I just simplified there from there.

  I want to just do exactly what Im doing now, run the function moveBallOnClick, but not with a form button, just with a normal hyperlink!

  Thank you very much in advance for anyone who can take a look at my problem and may offer assistance :)

  Good bye

  I think that you can just do something like this:

  Move the ball

• CSS problem, please help...

  Hello
  
  I have an irritating problem where my H1 font rendered Times New Roman instead of Arial. Can anyone who is better at CSS, I understand why. You can see the page here... annoying css problem. The h1 code is as follows:
  
  #mainright h1 {}
  Police: Arial, Helvetica, without serif.
  font-size: 1.8em;
  color: #FFFFFF;
  Padding: 40px 15px 15px 0;
  Police-weight: normal;
  }
  
  
  the complete stylesheet is:
  
  / * CSS document * /.
  
  * {margin: 0; padding: 0}
  
  p {padding-bottom: 12px}
  
  {body
  margin: 0px;
  background-color: #E7E7E7;
  }
  {#MainContainer}
  margin: 0px auto;
  background-color: #660C1B;
  Width: 746px;
  }
  #Container {}
  margin: 0px auto;
  background - image: URL(images/white_bgcol.gif);
  Width: 728px;
  }
  {#SubContainer}
  margin: 0px auto;
  Width: 692px;
  padding-bottom: 14px;
  }
  #Header {}
  Width: 692px;
  margin-bottom: 16px;
  }
  #Logo {}
  float: left;
  }
  {#TopNavigation}
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 12px;
  color: #413B3B;
  text-decoration: none;
  text-align: left;
  margin-bottom: 16px;
  }
  #TopNavigation ul li {}
  Display: inline;
  list-style: none;
  margin: 0px;
  12px to padding: 0px 0px 0px;
  }
  #TopNavigation a {}
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 12px;
  color: #413B3B;
  text-decoration: none;
  text-align: left;
  }
  #TopNavigation a: hover {}
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 12px;
  color: #547e58;
  text-decoration: none;
  text-align: left;
  border-bottom: 3px solid #115E58;
  }
  . {PicSpace}
  margin-right: 2px;
  float: left;
  }
  {#BodyContainer}
  Width: 692px;
  }
  {#RightBanners}
  Width: 334px;
  margin-left: 9px;
  float: right;
  }
  #RightBanners. IMG {}
  margin-bottom: 3px;
  }
  
  {#TextBox}
  background - image: URL(images/textbox_bg.jpg);
  background-repeat: repeat no.;
  Width: 349px;
  float: left;
  do-family: Verdana, Arial, without serif.
  do-size: 11px;
  Color: #333333;
  text-decoration: none;
  text-align: left;
  }
  . {TextMargin}
  Padding: 40px 0px, 16px 16px;
  }
  #TextBox a {}
  do-family: Verdana, Arial, without serif.
  do-size: 11px;
  Color: #333333;
  text-decoration: none;
  text-align: left;
  }
  #TextBox a: hover {}
  do-family: Verdana, Arial, without serif.
  do-size: 11px;
  Color: #333333;
  text-decoration: underline;
  text-align: left;
  }
  #TextBox. Title {}
  do-family: Arial, Helvetica, without serif.
  do-size: 22px;
  make-weight: bold;
  color: #ffffff;
  text-align: left;
  }
  #TextBox. Subheading {}
  do-family: Arial, Helvetica, without serif.
  do-size: 16px;
  make-weight: bold;
  color: #ffffff;
  text-align: left;
  }
  
  #TextBox ul
  {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
  
  Li #TextBox
  {
  display: block;
  padding: 3px 3px 3px 0;
  margin-left: 15px;
  text-decoration: none;
  make-weight: normal;
  list-style-type: disc;
  }
  
  #Footer {}
  margin: 10px 0px auto;
  Width: 728px;
  do-family: Arial, Helvetica, without serif.
  do-size: 9px;
  color: #ffffff;
  text-align: left;
  }
  #Footer. Copyright {}
  float: left;
  margin:-4px 3px 18px 0px;
  do-family: Verdana, Arial, Helvetica, without serif.
  font-size: 21px;
  make-weight: bold;
  color: #ffffff;
  text-align: left;
  }
  
  
  #Footer a {}
  do-family: Arial, Helvetica, without serif.
  do-size: 9px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  }
  #Footer a: hover {}
  do-family: Arial, Helvetica, without serif.
  do-size: 9px;
  color: #ffffff;
  text-align: left;
  text-decoration: underline;
  }
  {#RightBox1}
  background-color: #413B3B;
  Width: 334px;
  height: 180px;
  margin-bottom: 10px;
  }
  #RightBox1 a {}
  do-family: Arial, Helvetica, without serif.
  do-size: 11px;
  make-weight: bold;
  color: #72C9EA;
  text-decoration: none;
  }
  #RightBox1 a: hover {}
  do-family: Arial, Helvetica, without serif.
  do-size: 11px;
  make-weight: bold;
  color: #72C9EA;
  text-decoration: underline;
  }
  . {RightBoxText}
  padding: 10px;
  do-family: Arial, Helvetica, without serif.
  do-size: 11px;
  make-weight: bold;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  }
  . {HeadingPink}
  do-family: Arial, Helvetica, without serif.
  font-size: 20px;
  make-weight: bold;
  color: #F000C0;
  text-align: left;
  text-decoration: none;
  }
  . {HeadingWhite}
  do-family: Arial, Helvetica, without serif.
  font-size: 21px;
  make-weight: bold;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  }
  . {HeadingBlack}
  do-family: Arial, Helvetica, without serif.
  font-size: 24 PX.
  make-weight: bold;
  Color: #000000;
  text-align: left;
  text-decoration: none;
  }
  . {HeadingBlue}
  do-family: Arial, Helvetica, without serif.
  font-size: 20px;
  make-weight: bold;
  color: #72C9EA;
  text-align: left;
  text-decoration: none;
  }
  {#RightBox2}
  background-color: #115E58;
  Width: 334px;
  height: 160px;
  margin-bottom: 10px;
  }
  
  #RightBox2 a: link {}
  color: #FFCC66;
  text-decoration: none;
  }
  
  #RightBox2 a: hover {}
  color: #fff;
  text-decoration: none;
  }
  
  #RightBox2 a: visited {}
  Color: #FF0000;
  text-decoration: none;
  }
  
  #RightBox2. Bult {}
  background - image: URL(images/rbox2_bult.gif);
  background-repeat: repeat no.;
  padding-left: 25px;
  padding-bottom: 1px;
  }
  {#RightBox3}
  background-color: #413B3B;
  padding: 10px;
  }
  {#RightBox3Text}
  background-color: #FFFFFF;
  padding: 10px;
  do-family: Arial, Helvetica, without serif.
  do-size: 11px;
  make-weight: bold;
  Color: #000000;
  text-align: left;
  text-decoration: none;
  }
  . {Box3Image}
  float: right;
  margin: 0px 10px 40px of 40px;
  }
  {#LpRightBox}
  background-color: #413B3B;
  padding: 10px;
  Width: 429px;
  margin-left: 6px;
  float: right;
  }
  {#LpRightBoxText}
  background-color: #FFFFFF;
  padding: 10px;
  do-family: Arial, Helvetica, without serif.
  do-size: 12px;
  Color: #000000;
  text-align: left;
  text-decoration: none;
  }
  {#LpRBoxHeading}
  background - image: URL(images/lptitle_arrow.gif);
  background-repeat: repeat no.;
  do-family: Arial, Helvetica, without serif.
  font-size: 25px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  height: 30px;
  padding: 0px 5px 0px 50px;
  }
  
  
  
  {#LpLeftBox}
  background - image: URL(images/lp_lbox_bg.jpg);
  background-repeat: repeat no.;
  Width: 237px;
  float: left;
  }
  {#LpLeftText}
  padding: 10px;
  do-family: Verdana, Arial, without serif.
  do-size: 11px;
  Color: #333333;
  text-decoration: none;
  text-align: left;
  }
  . {LpLHeading}
  do-family: Arial, Helvetica, without serif.
  font-size: 25px;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  }
  . {LpLSHeading}
  do-family: Arial, Helvetica, without serif.
  do-size: 12px;
  make-weight: bold;
  color: #68111E;
  text-decoration: none;
  text-align: left;
  }
  . {ButtonsDiv}
  Width: 174px;
  float: left;
  margin: 2px 0 0 0;
  
  }
  . {BlackButtons}
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 10px;
  make-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  Display: block;
  Width: 154px;
  height: 25px;
  Padding: 12px 10px 0px 10px;
  background-color: #413B3B;
  }
  . {BlackButtons:hover}
  do-family: Verdana, Arial, Helvetica, without serif.
  do-size: 10px;
  make-weight: bold;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  Display: block;
  Width: 154px;
  height: 25px;
  Padding: 12px 10px 0px 10px;
  background-color: #6F6F6F;
  }
  
  #LpRightBoxText ul
  {
  margin: 0 10px 0 0;
  padding: 0;
  list-style-type: none;
  }
  
  Li #LpRightBoxText
  {
  display: block;
  padding: 3px 3px 3px 0;
  margin-left: 15px;
  text-decoration: none;
  make-weight: normal;
  list-style-type: disc;
  }
  
  a: link {img
  border: none;
  }
  
  {#mainleft}
  float: left;
  Width: 342px;
  height: 209px
  }
  {#mainright}
  float: left;
  Width: 350px;
  height: 209px;
  Background: URL(images/lp_pic02.jpg) no-repeat;
  }
  
  
  #mainright h1 {}
  Police: Arial, Helvetica, without serif.
  font-size: 1.8em;
  color: #FFFFFF;
  Padding: 40px 15px 15px 0;
  Police-weight: normal;
  }
  
  . Author {}
  fonts: Verdana, Arial, Helvetica, without serif.
  do-size: .8em;
  color: white;
  margin: 0;
  padding-left: 15px ;}
  
  
  
  
  Any help appreciated.
  
  Julie

• "Simple problem" I hope

  By the way, I have the first Cliq not the XT

  Why my cliq switch to landscape automatically in images, videos and the web? Only the portrait all the time. And the update 2.1 here yet?

  I was looking at the Windows phone 7 HD lately instead of S, the galaxy Vibrant, what do you think? Thanks Robert

  The 2.1 for Cliq update is available for download in the section Cliq on this Web site.

  http://www.Motorola.com/support/us-en/Android_Products/Software_Update_Landing_Page/CLIQ_Software_Up...

• CSS problem?

  Hi all

  First of all, thank you for help. I'm having a problem with what appears to be "CSS". I am teaching Dreamweaver, and this problem makes me mental. I hope it's something very simple to fix. I have included 2 screenshot to help you better understand as well.

  I'm changing the font SIZE in another model that I did, and when I change from '12' to '14' (Arial font) he changes ANY font on the page size, put all my 'slices' completely out of wack. I want to be able to change the font size in a different area of the page (s) without him doing that. Please can someone explain how I can do this in detail? It makes me kind of mind at this point.

  Much appreciated in advance (attached screenshot)

  Matt Rimmer

  This screenshot is with TWO fonts of the same size. No problem here. The second screenshot is where shit hits the fan for me!

  

  

  to come even if I point out that the code and I aren't even friends - of course, we danced a few times, but we are still far from making a commitment to another!

  If you are serious about wanting to use DW, then this will have to change.  Not only you will find yourself wandering one mysterious anomaly to another, but also you will not understand the answers you get here in this forum.  It is the code.  You can simply use DW in a real sense without a good understanding of HTML and CSS - lights should start here:

  http://www.w3schools.com

  My first comment on your code, it's that you do not have a valid and complete doctype.  Each page should have one, otherwise it will be visited by browsers quirks mode - this isn't a good thing.  You must choose a doctype that is consistent with your understanding of HTML and in your case, it would be HTML 4.01 Transitional.  By including this doctype on your page, you're avoids not only quirks made, you also tell the validator that the page contains the markup of type 'Loose' HTML 4.01 in his use of the tag attributes. You will understand it later.

  My next comment about your code, is that your approach to the layout is seriously flawed.  I'm suspicious that this code HTML was written by Photoshop or fireworks, perhaps because one) there is a layout based on a table, and b) there are pass - and rowspans galore in the table.  These last two are the kiss of death for a page layout, because they are your table, unable to resist the small 'form' changes that occur when people increase/decrease the size of text in their browser, and inexplicably gaps will appear in your table accordingly.  Please read this article to learn more on this topic and why this is happening - http://www.apptools.com/rants/spans.php.

  The answer to your original question is this - all readable content (very little) on the page is a table (i.e. in a cell))).  You have this rule in your style sheet-

  tr td {make-size: 12px ;}}

  who says "search for all cells of a table on the page and make their content 12px font size." In other words, it affects the content of the page.

  Assuming that you don't want to do would be to change this content to 12 px size and leave the rest of the content to 11px.

  What's in your attic?

  You can do this any number of ways.

  1. you can add some inline CSS-

  What's in your attic?

  that would affect only the contents of the cell.

  2. you can add tags to content and adjust your rule-

  What's in your attic?

  with

  tr td p {make-size: 12px ;}}

  3. you can add a CSS class or ID for the desired cell and adjust your rule-

  What's in your attic?

  #special {do-size: 12px ;}}

  Is it makes sense?  You see why we say you have to have some comfort with HTML and CSS?

  In regard to your second question about just flatten the image, the last thing you want to do is to create a web page that can not be spidered.  A page that contains only images is one of these. Not only is such a heavy download page because it is filled with images, but it also, contains no meaningful content for the search engines rank your page with.  You might as well just after a link to a PDF file...

• Flash header not displaying not correct size... CSS problem?

  I wanted to use Dreamweaver to build a simple one page site.  The problem I have is that my header 715 x 150 shows extremely small.  It seems that it is a percentage of the 715 x 150.  I can enlarge it, but then the box so that it grows as well and uses the page.  Here is the site: http://3due.com/index14.html .  If you cannot view the source, then let me know and I'll post the code.

  I'm sure it's something simple, but I've tried everything I know to try to locate the problem.  I'm not familiar with CSS.

  Thanks in advance,

  MK

  Two things.  First of all this javascript file is also absent on the loading of the page: Scripts/expressInstall.swf

  Second, I downloaded this file of your site and the size that it is being 1200 x 500, not 715 x 150.  Why don't simply re-save the document in Flash.  By changing the size later I think which is causing your problem of distortion.

• Basic CSS problem

  I used CSS for a while, but now I have a unique problem.
  
  I have linked the two style sheets to my html document and CSS is displayed correctly in Dreamweaver. When I preview the page FF or IE6, any style applied.
  
  I've used DW to the page a link to the style sheets for the path is correct (set to the parent site and not parent document). And while I'm typing this it occurs to me that the answer may be this:
  
  The second style sheet is empty because I haven't decided on the statements that it again that I'm in the early stages of development. Knowing that styles cascading with the last listed sheet takes on before the leaves, this could explain why the style is not visible? If the stylesheet is empty, does that invalidate style listed in the previous leaves?
  
  Sorry for the weird question but I make an effort to do CSS correctly after reading 'Beginning CSS Web Development' by Simon Collison.
  
  Thank you

  Thanks Murray! It's always the simple things that me strain.

• CSS problem on some websites

  Some sites Web CSS will not be charged. Some examples are:

  https://addons.Mozilla.org/en-us/Firefox/
  https://github.com/

  They get on Google Chrome loads correctly is not a network problem. I already tried to start firefox in safe mode, still does not work.

  You can check the date and time of the clock on your computer: (double) click on the clock icon in the Windows taskbar.

  • https://support.Mozilla.org/KB/secure+connection+failed

• Simple comport problem

  Hello

  I have problem to find the difference between the example vi and mine. I just sent an ascii code simple with 3 characters and CR LF at the end. If I run ' basic series write and Read.vi "in the examples, it works fine. BUT, if I accumulate by myself, even if I use the same components, it not send \r \n as characters as commands.

  Can someone cause a glance on it?

  MFG Rainer

  LV 8.5.1

  Hey Rainer,.

  When you insert your string to write? If you use the "Schreibpuffer" entry, you must change the type of view for "code view" and then insert the "\r\n". Right-click on the control (in the public Service) and select "display-Code.

  At the moment you send '\n' as the latter sign. If you don't want it, then change the Boolean constant false.

  It will be useful.

  Mike

• simple table problem

  I have read some data from a text file and form a table according to my requirement (the illustrious photo attached).

  What my problem was when I used this table in an other vi through the connector components, all the lines in the resulting table the width of the line of maximum size, and are filled with zeros.

  How do I remove it? I need the lines ending with its own values, here in my case two first rows should have 5 items in the table, the elements of line 7 third and so on...

  

  Your VI makes no sense. Why not autoidenxing? Why "delete from table?

  Here's a simple possibility (just to write the resulting string in a file).

  

• CSS problem - empty space at the top of page

  Hi guys, I wonder if maybe someone can see what I did wrong please...  I use Dreamwweaver CC and worked on a few test pages to create a new site, and in some way, I changed without knowing something in the css which means there are now a few inches of white space at the top of the site, above my logo - while the original model fits comfortably up to near the top of the page.    (Problem page - http://www.baseballhypnosis.com/running/mental-training-articles/index.php / Original model - http://www.baseballhypnosis.com/new/running/index.php ).    Any thoughts would be greatly appreciated!  Thank you, Craig T

  
  
  

  In custom.css, line 439, remove body {padding-top: 135px}