Footer CSS problem

Similar Questions

• 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

• 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;
  }

• 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! :)

• Footer CSS behaves badly in IE7

  I'm having a problem with a floating footer in IE7. It does exactly what it should in all other browsers I have tested on Mac and PC, (except, of course, IE6 that I gave up trying to conceive for now all together - life is too short!). I work on a Mac, and it's a real pain to have to continue to check it on a pc or a 'Converter' every time I try something.

  When my sidebar div is longer than the minimum height that I put in order to get the footer to stay inside, on the foot of page content streams. I have validated the site and it shows no html or css errors, so it is difficult to determine where the problem is. I erased the floats and also tried to add clear: both to the footer. I spent every day, try the solutions suggested on various forums, but without success. I would appreciate if someone could have a look at my test page and tell me where I'm wrong. http://www.cornucopia-design.co.uk/BatimTest/useful.html thank you very much.

  You have the 'clearfloat' in the wrong position in the code. It should pass as shown below, directly before the 'foot' opening

  tag

  
   
  
   

  See if that makes a difference.

  Adding the clear: both; the 'foot' selector css should also work. (but you suggest that you alread did that?)

  #footer {}
  height: 22px;
  padding-top: 0;
  padding-right: 10px;
  padding-left: 20px;
  background-color: #8f8b83;
  color: #ffffff;
  do-size: 90%;
  Clear: both;
  }

• 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

• footer css does not work

  I add a footer on my page and I want to change the color but his does not work, I created a class of footer, but the background won't change I don't its something simple, but I can't see it here is my code please.

  <! DOCTYPE html >

  < html lang = "en" >

  < head >

  < meta charset = "utf-8" >

  < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

  < meta name = "viewport" content = "width = device-width, original scale = 1" >

  < name meta = "description" content = "" >

  < name meta = "author" content = "" >

  <!-TemplateBeginEditable name = "doctitle"-->

  < title > my events calendar < / title >

  <! - TemplateEndEditable - >

  " < link rel ="stylesheet"href =" https://MaxCDN.bootstrapcdn.com/font-awesome/4.5.0/CSS/font-awesome.min.CSS ">

  <!-'bootstrap' Core CSS-->

  " < link rel ="stylesheet"href =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS ">

  <!-Custom-> CSS

  "< link href ="... / CSS/business-casual. CSS"rel ="stylesheet">

  <! - fonts - >

  " < link href =" http://fonts.googleapis.com/CSS?family=open+sans:300italic, 400italic, 600italic, 700italic, 00italic 8, 400, 300, 600, 700, 800 "rel ="stylesheet"type =" text/css"> "

  " < link href =" http://fonts.googleapis.com/css?family=Josefin+Slab:100, 300, 400, 600, 700, 100italic, 300itali c, 400italic, 600italic, 700italic "rel ="stylesheet"type =" text/css"> "

  < div id = 'fb-root' > < / div >

  < script > (function (d, s, id) {})

  var js, SJF = d.getElementsByTagName (s) [0];

  If (d.getElementById (id)) return;

  js = d.createElement (s); js.ID = id;

  js. SRC = "//connect.facebook.net/en_US/sdk.js#xfbml=1 & version = v2.5 & appId = 512896575525133;

  fjs.parentNode.insertBefore (js, SJF);

  (} (document, 'script', 'facebook-jssdk')); < /script >

  <! - HTML5 Shim and Respond.js IE8 takes in charge of HTML5 elements and questions from the media - >

  <!-WARNING: Respond.js does not work if you view the page via file://-->

  <!-[if lt IE 9] >

  " < script src =" https://OSS.MaxCDN.com/libs/html5shiv/3.7.0/html5shiv.js "> < / script > .

  " < script src =" https://OSS.MaxCDN.com/libs/respond.js/1.4.2/respond.min.js "> < / script > .

  <! [endif]-->

  <!-TemplateParam name = "class" type = "text" value = ""-> "

  < / head >

  < class = "@@(_document['class']) body @" >

  < div class = "mark" > my events calendar < / div >

  < div class = "address bar" > < strong > where all your events are a click away < facilities > < / div >

  <! - navigation - >

  < nav class = "navbar, navbar - default" role = "navigation" >

  < div class = "container" >

  <!-brand and toggle get grouped together for better mobile display->

  < div class = "bar navigation-header" >

  < button type = "button" class = 'bar of navigation-toggle' data-toggle = "collapse" data-target="#bs-example-navbar-collapse-1" >

  < span class = "sr only" > toggle navigation </span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < span class = 'bar icons' > < / span >

  < / button >

  <!--navbar-brand is hidden on larger screens, but visible when the menu is reduced-->

  "< a class = 'bar of navigation-brand' href ="... / index.html "> my events calendar < /a >"

  < / div >

  <!-collect the nav links, forms, and other content to alternate->

  < div class = "navbar-collapse collapse" id = "bs-example-navbar-collapse-1" >

  < ul class = "navbar-nav nav" >

  < li >

  "< a href ="... / index.html "> home < /a >"

  < /li >

  < li >

  "< a href ="... / calendar.html "> calendar < /a >"

  < /li >

  < li >

  "< a href ="... / events.html "> events < /a >"

  < /li >

  < li >

  "< a href ="... / venues/venues.html "> sites < /a >"

  < /li >

  < li >

  "< a href ="... / registration.php "> feedback < /a >"

  < /li >

  < /ul >

  < / div >

  <!-/ .navbar-collapse->

  < / div >

  <!-/-> .container

  < / nav >

  <!-TemplateBeginEditable name = "EditRegion2"->

  < div class = "container" >

  < / div > <! - TemplateEndEditable - >

  <!-/-> .container

  <>footer

  < div class = "footer" >

  < div class = "row" >

  < div class = "col-lg-12 text-Center" >

  < p > copyright & copy; Your site Web 2014 < /p >

  < / div >

  < / div >

  < / div >

  < / footer >

  <! - jQuery - >

  " < script src =" https://code.jQuery.com/jQuery-1.11.1.min.js "> < / script > .

  <!-'bootstrap' Core JavaScript-->

  " < script src =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> < / script > .

  <! - script to activate the carousel - >

  < script >

  $('.carousel').carousel ({}

  range: 5000 //changes speed

  })

  < /script >

  < / body >

  < / html >

  Thanks for the help I got it sorted, I removed my site from the wamp server and installed new ones now thanks again HAPPY NEW YEAR.

  My resulotion of new year is to get this bloody site finished lol

• USB foot pedal problem (Infinity IN-USB-2): recognized by Windows but does not work on VMware Workstation 10

  When I connect an Infinity IN-USB-2 pedal for my guest Windows 7 Professional (on Ubuntu 14.04 and VMware Workstation 10.0.2), the pedal gets recognized by Windows and different applications, but by pressing the pedal itself has no effect.

  I downloaded a USB foot pedal Tester (http://vec-infinity-in-usb-1-foot-pedal-tester.soft112.com/) on the client and he acknowledged that the device is connected, but when I pressed on any of the three pedals, the tester has not detected the presses.

  I tried the pedal on a real Windows computer, and it worked fine.

  When I connect the pedals, even with the guest in the foreground, VMware Workstation will appear a dialog box:

  The specified device is claimed by another (usbhid) driver on the host operating system. The device can be used. To continue, the appliance will be first disconnected from its current driver. [Cancel] [OK]

  When I click 'OK', we state above: Windows recognizes that the device is connected, but foot-presses are not detected. My other USB devices are not pop this dialog box. (Click Cancel maintains the device disconnected from the guest.) I don't know if the dialog box is significant or a red herring.

  Here's what/var/log/syslog says when I connect the pedal with the Windows client in the foreground:

  kernel: [281434.822751] usb 2 - 1.7: new low speed USB device number 28 using ehci-pci

  kernel: [281434.920667] usb 2 - 1.7: new USB key found, idVendor is 05f3, idProduct = 00ff

  kernel: [281434.920672] usb 2 - 1.7: new USB device strings: Mfr = 1, product = 2, SerialNumber = 0

  kernel: [281434.920675] usb 2 - 1.7: product: pedal WITH USB

  kernel: [281434.920678] usb 2 - 1.7: manufacturer: VEC

  kernel: [281434.923852] entry: CVE CVE USB pedals as /devices/pci0000:00/0000:00:1d.0/usb2/2-1/2-1.7/2-1.7:1.0/input/input38

  kernel: [281434.924239] is hid-generic 0003:05F3:00FF.0016: entry, hiddev0, hidraw3: USB HID device v1.00 [CVE CVE USB pedals] on usb-0000:00:1d.0-1.7/input0

  PSG-probe: check the bus 2, device 28: ' / sys/devices/pci0000:00/0000:00:1d.0/usb2/2-1/2-1.7 '.

  PSG-probe: bus: 2, device: 28 is not a MTP device

  And when I click on "OK" to the dialog, he said:

  kernel: [281480.324926] usb 2 - 1.7: reset low speed USB device number 28 using ehci-pci

  kernel: [281480.900448] usb 2 - 1.7: reset low speed USB device number 28 using ehci-pci

  When I unplug the device, it is said:

  kernel: [281517.582472] usb 2 - 1.7: unplug USB, the device number 28

  Thanks for the ideas on solving this problem.

  Answering my own question: I spoke with a salesman who told this pedal does not work on virtual machines for the following reason:

  These pedals are all just Universal USB controllers that require programs or applications to be able to see and recognize them for use. Because they are installed by the base of Windows and Generic USB devices drivers, they can not be seen my remote computers via USB sharing etc.

  They recommended using a hotkey program to work around the problem. I have not tried this solution, but bought a different pedal that works out of the box with VM: a vP-1 vPedal. Lower build quality than infinity (in my opinion) but it works perfectly.

  This is the idea of the key of the seller:

  I have a solution that will allow you to use the pedal as expected if the remote program who need to use supports the use of shortcut keys. For example, these pedals are commonly used with NCH Software Express Scribe professional software. This software can use either a pedal, or you can assign the playback functions to access keys. In the scenario you are talking you re Express Scribe on the remote computer to use keyboard shortcuts, you then install Pedalware (http://www.altoedge.com/pedalware/index.html), a free Windows only the foot pedal utility made by NCH Software, you then use the Pedalware utility to assign the buttons on the pedal of a keyboard shortcut that coincides with those remote program.

• 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}

• Simple CSS problem... I hope.

  Hello world

  I am very nw web design and I have a very basic problem, which is:

  CSS background on the body. (using DW CS3)

  All I would do is have an image in the top, left, and repeat-x, I can get it, is the easy part, the problem I have is that nothing else shows when I Preview in the browser, NOTHING else, without tables, text, iamge, just repeat body background image?

  any help would save my mind of the explosion, thank you.

  What do you mean nothing else shows?

  I just copied the html and css code and I see the table and the text very well. However, I'm on CS4.

  I notice you have a lot of empty table cells. Try to insert nonbreaking spaces - & nbsp;  (remove the space after the &) in empty cells. I don't know if CS3 has had a problem with the empty table cells.

• CSS problem side

  I have a little problem in css and I don't know how to fix...

  

  HTML

  < section class = "content" >

  header text < h1 > < / h1 >

  < side >

  text < p > < /p >

  ALALA < p > < /p >

  Lalala < p > < /p >

  ALALA < p > < /p >

  ALALA < p > < /p >

  Lafon < p > < /p >

  Laetitia < p > < /p >

  Laetitia < p > < /p >

  < / side >

  < section >

  text of paragraph < p > < /p >

  < p > other text < /p > p

  < / section >

  < / item >

  
  

  yellow background is cancelled inside the container and next to the section

  side {}

  float: left;

  Width: 180px;

  background: #EADCAE;

  height: auto;

  padding-top: 10px;

  padding-right: 0;

  padding-bottom: 10px;

  padding-left: 0;

  }

  
  

  {section}

  margin-top: 15px;

  margin-bottom: 15px;

  Width: auto;

  Display: block;

  }

  . Container {}

  Width: auto;

  Max-width: 960px;

  padding: 10px;

  Top: 0px;

  margin-right: auto;

  left margin: auto;

  top of the margin: 20px;

  }

  
  

  Obviously, I want the side next to the section be in the container.

  I do not use width in pixels bacuse other pages have not cancelled and that's a liquid container

  so... I Don t know where im wrong

  the content must have an overflow hidden in order to work

• 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...

• footer graphics problem

  Here's what happens:

  I have an A-master on which I have my chart of footer with the page number.

  I have a B-white for the pages I want without the footer.

  Let's say I have clear page3, disappears from the page, but the graphic is...

  And if I replace this page with a white B (witch has no pagination) then I'll have the graph but no page number.

  When you add a left A template he added a left with graphics and pagination page, but also the graph on the next page right (but without page number), even if this page is not exixt.

  However, when you add a template A to the right and a left blank page, the problem will not occur.

  I want to be able to add blank pages anywhere in my document.

  

  You have to break your spine on the master chart, and ID is quite fussy about this line of the spine, too, if you are on it by just the smallest amount, it is considered to be flowing on the other page.

  Sometimes I work around this problem by breaking my pasta spread where I have breaks in the masters with passing of the spine of the objects.  In this way, that it is not serious.  Only problem with this workaround, it is that you do not see the pages side by side in the layout.

• .PNG footer CSS disappears when I create the new template file

  I have a .png background image in my CSS footer which immediately disappears when I create a new template file. If I just save the template in the .html file, it works fine, but defeated the purpose of the model. the .gif in the sidebar CSS is implemented in exactly the same way and works very well.

  Here's the CSS to the template:

  .twoColFixLtHdr #footer {
   background:#768E90;
   padding-top: 12px;
   padding-right: 30px;
   padding-bottom: 0;
   padding-left: 0px;
   background-image: url(../Images/kc-png-footer.png);
   height: 62px;
   background-repeat: no-repeat;

  
  Here is the CSS of the .htm file that is created from the template:

  .twoColFixLtHdr #footer {
   background:#768E90;
   padding-top: 12px;
   padding-right: 30px;
   padding-bottom: 0;
   padding-left: 0px;
   background-image: url(Images/kc-png-footer.png);
   height: 62px;
   background-repeat: no-repeat;

  
  The two direct file links are below:

  
  Here is the page that was created when I went File > New > from the model (notice it is no white .png background image in the footer):
  http://www.kidscountpeds.NET/01-KCP-from_template.html

  Here is the page saved as .htm to the .dwt file model (note the background image of white footer with RADIUS corners, that's what I'm trying to accomlish with model): http://www.kidscountpeds.NET/01-KCP-template.htm

  Any help would be greatly appreciated.

  According to the code you show, DW does exactly what it should be done (assuming the child page is at the top level of the site).  But when I browse the site and look at the code, I see that there are several links that are broken.

  {.twoColFixLtHdr #sidebar1}
  float: left; / * because this element is floating, it takes a width * /.
  Width: 200px; / actual width of this div, in browsers comply with the standards, or the standard mode of Internet Explorer includes the padding and border in addition to width * /.
  background: #d0e4a6; / * the background color will be displayed for the length of the content of the column, but no further * /.
  padding: 0px 10px 15px 20px;
  background-image: url (file:///C|/Websites/Kids Count/Images/kc-mc-background.gif);
  background-repeat: no-repeat;
  height: 420px;
  }

  ...

  .twoColFixLtHdr #footer {}
  background: #768E90;
  padding-top: 12px;
  padding-right: 30px;
  padding-bottom: 0;
  padding-left: 0px;
  background-image: url (file:///C|/Websites/Kids Count/Images/kc-png-footer.png);
  height: 62px;
  background-repeat: no-repeat;
  }

  Obviously, a link to an image on your hard drive will not work on the web.

  What you have in the field of Local site root folder in your site definition?  Is - this - C:\Websites\Kids County?  What happens when you open the child page and apply the template directly on it with MODIFY | Models > model apply to the page...?  Is the CSS code on this aspect of the page as I have shown above?

• 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.