Messed up in CSS website layout

Similar Questions

• CSS page layouts?

  I don't know if there is a pat answer to this? or not. I searched for one and cannot find a

  The different types of css layout fixed, fluid, liquid etc etc. whitch would be preferable to use for a particular kind of website. Examples: a Web site that is the most often graphic, Web site that is mostly text & links, those who target audiences spacific, visually blind etc... It seems to me that somewhere, soneone would come with a list of the recommended configurations for different types of sites. It is without doubt one and I just have not found. If anyone knows of one please let me know.

  Thank you

  I agree with Martin C on it because everything as there are not two designers who 'think' the same, there is no one-size-fits-all answers to this question.

  Fluid (calculated percentages), elastic (em-based) and (pixel-based) fixed sites have their positive and negative points.  Decide that it is appropriate for your particular project depends on the amount of content to display per page, target audience, devices and personal preferences.

  Liquid layouts can get difficult to handle on widescreen super or super close. So, if I have a lot of content to display, I prefer to use a semi-liquid layout - based % and min and max width restrictions.

  Elastic sites proportionately resize the text and images which some people really like. Personally, I prefer to be able to resize the text only in my browser it will affect the page dimensions and image.  That said, elastic layouts can work well for graphics of the web sites.

  Fixed-width, centered layouts IMO are more convenient to work with.  I think this is why many designers of web sites, use them.  The trick is to find the 'right' width for your target audience.  For most of the users desktop and laptop, 900 to 1100px is probably a good range.  For the mobile devices, 600px.

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

• Have a layout - what is the best (simplest) html/css page layout?

  This 'site' will only be used locally. It won't be published on the internet.

  We do shocks grill covers. To-40 degrees F grille needs cold air locked out of the engine compartment. We'll get a call from a customer who needs a grill cover for a 2010 Chevy Suburban... Then be able to search and to find if we have a model for this particular vehicle.

  I put on a graphical representation of the way in which the site needs to work. I use Dreamweaver CS4.

  In my view, a table will take place in the much easier layout, but I'm looking fo your thoughts and your entries.

  The home page looks like this:

  

  The user (me) will then click on the year:

  

  This will show what grounds we have for what makes for the year 2010.

  From there, click on Chevy

  

  This will show what grounds we have for what models of Chevrolet 2010.

  Then click on Suburban

  

  We find now the #WF1023 model is the lid of the grill (aka winter before) and we also learn that it will work for the years 2008 to 2011.

  If we hover over a thumbnail we get to see a photo of the model or vehicle

  

  So there you have it... Now, I just need to build it.  I am yet to learn html and css, which I believe is a life long process, but there still is not?

  Once I get a built basic page, I'll be able to post a temporary link - as I'm sure you need your help again.

  Thanks in advance for your comments.

  Eric

  No giraffes.  It is the perfect answer, and this means that PHP/MySQL is the choice for you.  Now, all you need is the year or so need you to the ramp at speed in this environment and you will be all ready to go!

  Y does it have no budget to hire some 'help '?

• Upgrade to 3.6.10 broken CSS websites

  CSS seems to be gone in any of the site, the pages appear as if the CSS has not loaded to.

  "Clear the Cache": Tools > Options > advanced > network > storage (Cache) offline: 'clear now '.
  
  'Delete Cookies' of sites that cause problems: Tools > Options > privacy > Cookies: "show the Cookies".

  Start Firefox in Firefox to solve the issues in Safe Mode to check if one of your modules is causing your problem (switch to the DEFAULT theme: Tools > Modules > themes).
  
  See the extensions, themes and problems of hardware acceleration to resolve common troubleshooting Firefox problems and troubleshooting questions with plugins like Flash or Java to solve common Firefox problems

  • If you use extensions like Adblock Plus or NoScript or Flashblock , which can block content to then make sure that these extensions are not blocking content.

• Best way to have an image on two columns in a CSS page layout?

  My home page is a presentation of three typical fixed-width columns. For the Interior, the content pages, I need basically the same layout, except that I need to have an image that spans the columns left and Center at the top. Below the image, columns on the left and in the Center should continue on. The right column does not change every m

  My first thought is to start with a two column layout where the left column contains the image. Then I would divide the left column into two columns that start below the image, using a top margin or maybe another attribute of proper positioning.

  But before that I have to create a whole new layout for these pages, I thought I'd check and see if there may be a way easier or better to do. any ideas?

  I dare say?  Yes!  What is the absolute positioning.

  Example:

  http://ALT-Web.com/notjustagrid/index.html

  Nancy O.

• Using simple css page layout

  Hey I know it's a piece of cake for you guys so help me. I have a simple layout will and implemented in http://www.clark-imaging.com/ciiicomp/index.html and need your help. What is causing the weird white stripes behind header and maincontent and footer, maincontent? There is no margin at the top and at the bottom of the header and footer assigned value, and a value of 0 will not make them disappear. Also, how can I fix the footer at the bottom of the window div, so the main content area extends with the window? Here is a picture of the look I'm going to do.
  
  Your answers are greatly appreciated.

  Unfortunately this is not what I was going to, but I have since thought about it. Here is what I have so far, the Bridals, weddings, commitments, and the senior galleries are finished. Thanks for your help, if it is very appreciated.

• HTML and CSS Gallery layout

  I have an idea for a gallery that I want to produce. There are three small images at the top of the page. Each of them represents an image gallery.

  Below is a broad area that displays the selected gallery.

  So, if you click on the small thumb, all from the Gallery Gallery starts display in the large space under the thumbnails. If you click on the Gallery two thumb, a gallery is replaced by two Gallery and who begins to show its images.

  Is this possible? If so how would go put this in place?

  Any help or advice would be much appreciated.

  I wouldn't try to put all three on a single overloaded page galleries.

  I would like to provision three separate pages, each with a container for a superior inch section and a lower section of the gallery.

  The inch section would be the same on all three pages and I suggest the section inches be filled using SSI (server side inclutes to facilitate their expansion). http://www.Tizag.com/phpT/include.php

• I'm suddenly missing all but two, the CSS Starter layouts.  How to make a comeback?

  

  They have been removed in DW CC. Please see http://helpx.adobe.com/dreamweaver/using/the-new-modernized-dreamweaver-cc-ii.html#Changes %20 in % 20Blank % 20Page % 20options

• After you have added a contact sites form Web css is messed up

  I've added a contact form that works perfectly, but now all my website content is moved and is no longer in place as it should.

  Any help is appreciated, thanks!

  http://dkphotos.NET/contact/contact.html

  HTML:

  <! doctype html >

  < html >

  < head >

  < link rel = "shortcut icon" href = "favicon.ico" > "

  "< link rel ="icon"type =" image/gif"href ="... /... "/ animated_favicon1.gif" >

  < title > < /title > Contact

  < meta charset = "UTF-8" >

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

  <! - latest jQuery core library - >

  " < script src =" http://code.jQuery.com/jQuery-latest.min.js ">

  < /script >

  "< link href="assets/css/contact.css "rel ="stylesheet"type =" text/css"/ > <! - AJAX Contact form Stylesheet - >

  "< script type =" text/javascript"src="//code.jquery.com/jquery-latest.js "> < / script >

  "< script type =" text/javascript"src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js "> < / script >

  "< script type =" text/javascript"src="assets/js/jquery.jigowatt.js "> < / script > <! - submit form AJAX - >

  "< script src="js/jquery-1.7.2.min.js "> < / script >

  < style type = "text/css" >

  a {}

  font size: 15px;

  Color: #777777;

  }

  body, td, th {}

  font size: 15px;

  color: #444444;

  do-family: 'slab of Josefin;

  }

  a: link {}

  text-decoration: none;

  color: #444444;

  }

  a: visited {}

  text-decoration: none;

  color: #444444;

  }

  a: hover {}

  text-decoration: none;

  color: #60baec;

  }

  a: active {}

  text-decoration: none;

  color: #444444;

  }

  < / style >

  < script type = "text/javascript" >

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

  If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

  }

  function MM_swapImgRestore() //v3.0 {}

  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

  }

  function MM_findObj (n, d) {//v4.01

  var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

  d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

  If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

  for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

  If (! x & & d.getElementById) x = d.getElementById (n); Return x;

  }

  function MM_swapImage() {//v3.0

  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

  If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

  }

  < /script >

  < style >

  UL {}

  list-style-type: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

  }

  Li {}

  float: right;

  }

  a {}

  display: block;

  font size: 15px;

  color: #444444;

  Police-weight: 400;

  }

  Li {}

  margin-right: 30px;

  }

  body, td, th {}

  Police-family: josefin-slab;

  make-style: normal;

  Police-weight: 400;

  font size: 15px;

  color: #444444;

  }

  a: link {}

  text-decoration: none;

  }

  a: visited {}

  text-decoration: none;

  color: #444444;

  }

  a: hover {}

  text-decoration: none;

  color: #60baec;

  }

  a: active {}

  text-decoration: none;

  color: #444444;

  font size: 15em;

  Police-family: josefin-slab;

  make-style: normal;

  Police-weight: 400;

  }

  < / style >

  <!-the following script tag downloads a font of Adobe Edge Web server fonts to use in the web page. We recommend that you do not modify it.-->

  < script > var __adobewebfontsappname__ = "dreamweaver" < /script >

  " < script src =" http://use.edgefonts.NET/Josefin-slab:N1, N4:default.js "type =" text/javascript"> < / script > "

  < / head >

  < div class = "wrapOverall" >

  < body text = "#444444" link = "#444444" vlink = "#60baec" alink = "#444444" >

  < div class = 'container' id = "header container" >

  "" "< div class ="header"> < a href ="... / Home/Home.html "> < img src =" images/Home - Page_03.png"name ="Logo"width ="448"height ="69"class ="logo"id ="Logo"onMouseOver =" MM_swapImage ("Logo","' images/home_03-roll - over.png', 1) ' Mm_swapimgrestore ' border = '0' / > < /a > < / div >

  < div class = "navMain" >

  < div class = "navMain" >

  < /li >

  < ul class = "navBar".

  style = "width: 530px;" float: right; Police-weight: 400; Police-family: josefin-slab; make-style: normal; ">

  < li > < a href = "Contact.html" > CONTACT < /a > < /li > ""

  < li > < a href = "" > BLOG < /a > < /li >

  "< li > < a href ="... / About/About.html "> ON < /a > < /li >"

  < li > < a href = "" > PRICING < /a > < /li >

  "< li > < a href ="... / Portfolio/Portfolio.html "> PORTFOLIO < /a > < /li >"

  "< li > < a href ="... / Home/Home.html "> HOME < /a > < /li >"

  < /ul >

  < / div > <! - END navMain - >

  < / div > <! - logo END - >

  < / div > <!--END header-->

  <! - MAIN CONTENT - >

  < div id = "Container" >

  < div id = "ContentBox2" >

  < p > < div id = "rightContact" >

  < id section 'contact' = >

  < header >

  < h1 > < span style = "do-size: 20px;" do-family: josefin-slab; make-style: normal; make-weight: 400; "> email: </span > < a href =" mailto:[email protected]? " Subject = DKphotos"target ="_top"style =" do-family: josefin-slab; " make-style: normal; Police-weight: 400; do-size: 18px; line-height: 1.80em "> "

  [email protected] < /a > < / h1 >

  < p > < span style = "do-size: 20px;" Police-family: josefin-slab; make-style: normal; Police-weight: 400; "> mobile: </span > < a href =" "such: + 447988385697" style = "font family: josefin-slab; make-style: normal; Police-weight: 400; do-size: 18px; line-height: 1.80em "> 447988385697 < /a > < /p > +"

  < p > < span style = "do-size: 20px;" do-family: josefin-slab; make-style: normal; make-weight: 400; "" > Follow me on: < a href = "https://www.facebook.com/DKphotos.net"target = "_top" style ="font family: josefin-slab; make-style: normal; make-weight: 400; do-size: 18px; line-height: 1.80em" > "

  Facebook < /a > < /p >

  < / header >

  < brand id = "message" > < / mark >

  "< form method ="post"action="/Contact/classes/contact.php "name ="contact form"id = 'contact form' autocomplete ="on">

  < fieldset >

  the legend <>contact information < / legend >

  < div >

  < label = 'name' accesskey 'U' = > your name < / label >

  < input name = "name" type = 'text' required id = placeholder "name" = "Enter your name" / >

  < / div >

  < div >

  < label = 'email' accesskey 'E' = > Email < / label >

  < input name = "email" type = "email" id = "email" placeholder = "Enter your e-mail" pattern = "^ [A-Za-z0-9] (([Zinsou." \-] ? [a-zA-Z0-9]+)*)@([A-Za-z0-9]+) (([\. \-]?))] (([a-zA-Z0-9] +) *). ([A-Za-z] {2,}) $' required / >

  < / div >

  < div >

  < label = 'phone' accesskey = "P" > < span style = "do-size: 18px;" Police-family: josefin-slab; make-style: normal; Police-weight: 400; "> Phone </span > < small > (optional) < / small > < / label >

  < input name = "phone" type = "as" id = 'phone' placeholder = 'Enter your phone number' / >

  < / div >

  < / fieldset >

  < fieldset >

  the legend <>your comments < / legend >

  < div >

  < label = "subject" accesskey = "S" > subject < / label >

  < select name = "subject" id = "the subject" required >

  < option value = 'Booking' > booking < / option >

  General information request < option value = "General information" > < / option >

  < option value = "Website" > website < / option >

  < option value = "Other" > other < / option >

  < / select >

  < / div >

  < div >

  < label = 'comments' accesskey 'C' = > comments < / label >

  < = cols 'comments' textarea name = "40" rows = "3" id = placeholder 'Comments' = 'enter your comment"spellcheck ="true"required > < / textarea >

  < / div >

  < / fieldset >

  < input type = 'submit' class = "submit" id = "submit" value = "Submit" / >

  < / make >

  < / section >

  < / div > <!--end Box2 - >

  < / div > <! - end container - >

  <! - END MAIN CONTENT - >

  < div id = "containerFooter" >

  < div id = "Box1" style = "font family: 'Josefin slab'" >

  < p > all content < span style = "do-size: 20px" > to </span > 2013 DKphotos < /p >

  < / div > <!--end Box1 - >

  < div id = "Box2" >

  < p > < script type = "text/javascript" >

  BeginOAWidget_Instance_2149022: #OAWidget

  var urlToLike = ' http://www.facebook.com/DKphotos.net';

  If (urlToLike == ") {}

  urlToLike = window.location.href;

  }

  urlToLike = encodeURIComponent (urlToLike);

  var font = encodeURIComponent ('arial');

  document.write (' ' < iframe src = "http://www.facebook.com/widgets/like.php?locale=en_US & href = ' + urlToLike + ' & layout = button_cou nt & show_faces = false & width = 450 & height = 150 & action = like & font =" + police + & colorscheme = light"scrolling =" "frameborder ="0"allowTransparency ="true"style =" border: none; ") border-color: #ffffff; overflow: hidden; width: 450; height: 150 "(>< / iframe >') "

  EndOAWidget_Instance_2149022

  < /script >

  < / div > <!-END fbLike-> < /p >

  < / div > <!--end Box2 - >

  <! - float clearing - >

  < hr class = "compensation" / >

  < / div > <! - end container - >

  < / div > <! - END wrapOverall - >

  < / body >

  < / html >

  CSS:

  @charset "utf-8";

  / * CSS document * /.

  {body

  background - image: URL(images/bg_body.jpg);

  background-color: #ffffff;

  background-attachment: fixed;

  background-position: top;

  }

  {.wrapOverall}

  Width: 1920px;

  display: inline;

  }

  {} ul.navBar

  margin: 0px 0px 18px 0px;

  padding: 0;

  white-space: nowrap;

  Width: 950px;

  Overflow-x: auto;

  Display: inline-block;

  }

  ul.navBar li {}

  Display: inline;

  }

  {img.logo .header

  float: left;

  margin: 0px 15px 0px 15px;

  }

  . Container {}

  min-width: 1050px.

  }

  #Container {}

  do-family: Verdana, Arial, Helvetica, without serif.

  border: 0;

  Width: 900px;

  Auto margin: 0; / * centered * /.

  overflow: hidden; / * float containment * /.

  }

  #Container {}

  Clear: both;

  Width: 100%;

  min-width: 900px;

  }

  {#ContentBox2}

  Width: 900px;

  min-height: 550px;

  margin-bottom: 200px;

  border: 0;

  / * to reduce the float drop issues in IE * /.

  dressing: break-Word;

  left margin: auto;

  margin-right: auto;

  }

  / * Clear floats after boxes * /.

  {.clearing}

  Clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 1px;

  Display: block;

  }

  {#containerFooter}

  Width: 100%;

  min-width: 650px;

  Max-width: 100%;

  }

  {#containerFooter}

  do-family: Verdana, Arial, Helvetica, without serif.

  border: 0;

  Auto margin: 0; / * centered * /.

  overflow: hidden; / * float containment * /.

  }

  #Box1 {#Box2}

  Width: auto;

  min-height: 10px;

  border: 0;

  / * to reduce the float drop issues in IE * /.

  dressing: break-Word;

  }

  #Box1 {margin left: 8px; float: left ;}}

  #Box2 {margin left: 20px; float: left ;}}

  / * Clear floats after boxes * /.

  {.clearing}

  Clear: both;

  visibility: hidden;

  line-height: 0;

  font-size: 1px;

  Display: block;

  }

  {#containerFooter}

  Width: 100%;

  float: left;

  }

  {#containerFooter}

  position: fixed;

  low:-145px;

  z index: 500;

  background-color: #FFF;

  }

  From the line # 131 in HTML code mode, you have this:

  Which should be changed to this:

  ======================

  On the #142 line, where you have this:

  Change to this:

  If problems arise in the future, validate your code & difficulty reported errors.

  http://validator.w3.org/

  Nancy O.
  

• Fixed, fluid or Elastic css layout - which is best?

  I just upgraded from 3 Deamweaver to CS4 and I'm trying to understand css on the design of the table. I like that CS4 offers a variety of predesigned put css layouts but don't know what layout to use. I am reviewing all my websites and will try to do it with css layouts. I did some research and found that some Web designers are starting to make their new standard 1024 size more than 800 px as the majority of users now have wider screens. I want to choose a size of design that is compatible with the majority of users and more than 800 GB px if possible. Here's my question: what is the best page layout css to use fixed, elastic or liquid and why?

  It is a complicated issue.  Who is your target audience? If you have no significant server stats, Google Analytics can help you determine which res screen the majority of your site visitors use.

  Centered, fixed wide provisions (pixel-based) are much easier to work with. The only drawback is that you must choose a size to fit all.  940-1000 px width is usually a good average range.

  Put liquid layout (percentage based) obviously have an advantage over fixed because pages resize of the available viewport.  But it can be a mixed blessing because not resize the images.  If your page will also look good on a smart phone, as it does on a 1280 screen, 1600 or 3 components?  Probably not.

  To work around this, you can set limits to how broad or narrow your page will go using the min and max-width CSS properties.  But you have to use conditional comments to older browsers like IE6 that do not support them.

  Elastic layouts are based on EMS.  So when the text size is increased/decreased in the browser, the layout changes everything. Example of available elastic http://jontangerine.com/silo/css/elastic-layout/

  Ultimately, you have to find the right layout for your particular project.  If you have volumes of content that it must be on a variety of screens and display devices, liquid or elastic layout can be a good choice.  OTOH, if your project is light on content and you know that your audience uses for most of the desktop computers and laptops, a fixed width centered pattern may be a better option, especially if you want to learn CSS.

  Good luck with your project,

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

• Dreamweaver CC: Layouts start CSS &amp; missing of the Spry menu bar

  • I preset web training and our client updated for Dreamweaver CS4 Dreamweaver CC 2015. That are the CSS Starter layouts in Dreamweaver, for example the column 2 fixed, header and footer layout? I don't find it in Dreamweaver CC 2015. It was a good starting point to teach students to create a web page using one of these start CSS page layouts and then customize.
  • I also can't find the Spry menu bar to create a menu (up to three levels) bar.
  • What is the best options for me to use instead the CSS starter layouts & the Spry menu bar? Students know nothing about web design when they start with the course.

  It is more a spry menu bar, which was crap anyway. You can learn how to make a simple CSS - only menu or a menu jQuery.

  The new version of DW includes a starter starter site, which is how many sites asre built these days. Bootstrap also contains a navigation pane.

• Layouts in Dreamweaver CC 2015

  I am creating a website for my class; However, I'm puzzled. I tried to create a website based on purely code of mine, but it is not working properly. It will mainly be two columns with a navigation bar, header and footer with a sidebar on the left. At the beginning (in CS6), CSS Starter layouts there. CC, I don't see those. Maybe they are hidden and I forgot a parameter. Where can I find them?

  Thanks in advance.

  Homepages in CS6 became quite old, so they were replaced in 2015 of CC. In the dialog box new Document, models of starter has two folders: models of Bootstrap and sensitive starters. I suggest that try you one of the reagents.

  If it is too difficult for you, there is nothing you can't create a page in CS6 and then use it in the latest version of DW CC. The HTML and CSS are standard, so there is no problem in using them.

• Big screen layout bug?

  Hi, it's me again,

  I recently implemented an update for the site I worked on which made the mobile friendly site. Three different layouts, 1 each request, but now I am facing a problem that is a little strange to me. I hope that there is an easy solution for this, it seems that something that could be fixed in readjusting the meda queries min-width and max-width, but after tinkering around with it for a bit I had no chance.

  I use Dreamweaver 5.5, the site works on desktop computers, tablets and phones, but the problem is on some computers (from what i saw, only on the wide screen computer) website layout is mixed upward and out of place. Anyone who might come to this topic to help me can visit the site on their monitors and see that the site works very well, while others who probably use a larger screen will see the problem that I am facing.

  http://showcasenc.com/

  Above is the site I am trying to get repaired, anyone would be able to help me identify the problem? As usual, I am very grateful for any help offered.

  I'm sorry to have made frequent trips to this Commission for the help, but this recent update where I worked on (making the site mobile friendly) has been stressful and difficult. The people of this forum were a great help and I'm already very grateful. I think I'm nearing the end of this update process, I just need to get some of those bugs (like the one described above) cleaned up.

  Put your conditional comment just above the closing like this tag:

  Adjust the path/file name in your own desktop.css file.

  Nancy O.

• A few questions on website...

  Hello

  I am trying to create my first website, but I have a few questions I pasted, a link to my site below:

  http://Yee.sytes.NET

  user: test

  password: t3st

  1. I know I should cut the boxes of the packages because they need to be flexible, but is it possible to do because they are not symmetrical and it is not possible to repeat the middle part as in the example of the link (://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml http://http)

  2. what would be the best way to make text as in the image below, I thought to create a div - around selection (photo of the package), and then create another with the right size and position in this div, so it would be fix

  

  3. is it possible to delete the color of the links, so there will be none after the visit, or if she is active and so on...

  4. is it good way I put the slices images, even if the substance is the same, there are doubled, but I didn't know how to keep the distances of the whole site

  5. How can I disable parts dragging photos to Web site, I mean if I click on the photo can I drag something like his 'ghost '.

  6. how to turn off the selection/copy text

  Sorry for so many questions, but it's really important for me and I don't know how to go further, thanks in advance.

  You can see the effect of the non-bleached floats in a container - they cause the container to collapse around the elements not launched.  In your case, there is no items non - floated, and therefore the container is reduced to a thin line at the top.  You can fix this by adding the style ' overflow: hidden ' to the CSS for the container collapsing - its effect will be to cancel all of the floats in the container until the container has a chance to collapse.

• How to make this work PS model in HTML/CSS

  Here is a picture of my chart of the basic web page:

  

  Can someone help me find how to break to use as a background for a website please?  The main thing that bothers me is the border around the pale Panel.  I can take a slice of a third of the guitar and put that as a background in mass with a dark blue background color.  Then I was going to take the light panel only and use it as a background image for the < div > content and add a pale background.  The problem is the transparent border that is the only way I can think to keep it to make the image forever.  The other alternative is to lose the border.

  Thanks for looking

  Martin

  Think of the blue part dark as a background page not repetitive.  Slice the inside Panel in picture three slices cela an envelope around your content.

  http://ALT-Web.com/demos/image-slices-in-a-CSS-based-layout.shtml

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