Jump to content

Search the Community

Showing results for tags 'layout'.

The search index is currently processing. Current results may not be complete.
  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 14 results

  1. Víctor Pan

    Layout problem

    I'm trying to give to my nav and my aside tags 70% height but it doesn't work. Please help me, it's beeing very difficult for me layingout my page, i don't even know how to layout pictures can someone give a hint, or a place where i can read it. THANK YOU VERY MUCH. I ATACH MY CSS AND HTML FILES. style.css index.html
  2. Hi all, I have started using W3.CSS and it is really impressing. I would like to arrange the last column of a table as a row at the end of that table but I can't find the way. Any help? Thanks
  3. Hello... I am trying to design a sticky header bar for my project. While I have already got the sticky bar working, I am now trying to create a better layout of the content on the bar using CSS (w3.css or standard css). I cannot figure out how to achieve this. Any suggestions? What I would like to have (w/out the borders) is: <table style="width:100%"> <tr> <td rowspan="3" width="50%"> <img src="img_lights.jpg" style="height:70px;width:350px" alt="logo_plc_holder"> <h3>PageTitle</h3> </td> &
  4. Hey guys, i want to include a forum on my website. How can i do this? And maybe there is a way to make a template for this in w3, too? Hope for reply: David
  5. As you can see by the screenshot I have an unwanted horizontal scroll bar. The styles are below: #container { width: 100%; background: #fff; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #header { background: #fff; padding: 20px; height: 1%; } .header_right { background-color: #fff; float: right; height: 2%; display: inline; margin-bottom: 0px; } #header h1 { margin: 0; } #navigation { float: left; width: 100%; background: #333; } #navigation ul { margin: 0; padding: 0; } #navigation ul li { list-style-type: none; display: inline; } #navigation li
  6. Hi, Having a few problems with something that should be dead simple. See image Firstly I need some space between the horizontal and vertical menus.[1] Secondly the menu isn't picking up the styles at all? Thirdly I cannot get the content div to sit next to the flyout_menu Here is the CSS: #container { margin: 0 auto; width: 100%; background: #fff; } #header { background: #ccc; padding: 20px; height: 80px; } .header_right { background-color: #00CCCC; float: right; height: 100px; display: inline; margin-bottom: 0px; } #header h1 { margin: 0; } #navigation { float:
  7. Hello everyone, I am facing an issue with a page containing a table and a form : the form does not take over the style defined in the style sheet. It work out fine once I omit the closing </table>, however in that case the order of the elements gets messed up. What can I do to fix this ? Here is the code (I've taken out several irrelevant elements (additional list items, metas, etc.) : <!DOCTYPE html> <html> <head> <meta charset="iso-8859-1" /> <title>HIGHWAY - Hard Rock'n'Roll</title> <link rel="Shortcut icon" href="favicon2.ico" typ
  8. I want to overlap one div on another using css as shown in image below and i have following html and code <div id="div1">This is div 1</div><div id="div2">This is div 2</div> div1{width:800x;height:200px;background-color:#292929;color:#FFFFFF;}div2{width:800x;height:50px;background-color:#333333;color:#FFFFFF;} I want my footer to be like the image shown below, how can i do it ? I have uploaded the image, but if you are enable to see it then you can view the image easily at this URL http://imageart.webs.com/footer.png
  9. How come when I use Position Fixed or Absolute, the element says relative to where it is placed until I specify top, down, left or right. <style> #paragraph { position:absolute; }</style><p>1</p><p id="paragraph" >2</p><p>3</p><p>4</p><p>5</p>
  10. I have an app for scheduling for out homeschooling. I use floating divs to represent various events in a column for each child and for each day. I found that I can set the height of each div such that one hour is 5.55% of the total height of the containing div. style="height:5.55%;" So I thought to represent the time between events using margin-top. So 30 minutes of free time could be represented this way: style="height:5.55%;margin-top:2.78%" But margin-top is calculated based on the width of the element. I was surprised by this inconsistency. The logic which determines t
  11. Hello, a complete beginner here - I have just built my first website, but to my horror I realized that if I view it with another screen resolution, or on someone else's computer, it changes the whole appearance of the site, esp. the flow of the paragraphs, often to a very ugly result. Images start to overlap paragraph, and paragraphs suddenly look extremely narrow. I am happy to restructure the website, (built in html without Dreamweaver's help) but have no idea how - especially how to make the main structure adjust to different views (larger/smaller screens, i-pads etc) Thank you! You ca
  12. Hi everybody.Long-time fanFirst-time poster. I recently took over my parents' business' website. It was originally developed by some guy, and it looks ok now and gets the job done. However, I'd like to modernize the site a little bit, but I'm having trouble figuring some things out. The current site is at http://renovax4u.comThe .jpeg of what I'd like the site to look like is at http://renovax4u.com/images/Misc./newrenovaxsite.jpg I'm primarily having trouble figuring out how to change the layout colors and format so that I can edit the site to look like what I want it to. Any and all help on
  13. So im here again, with another problem now. Look at the site http://mbdbygg.zxq.net/. The grey area in the middle is a div id called content and it is 800px height. Now i want to reduce the height to 400px, cause i dont need such wide space between the pictures and the footer as you see. The content div should end where the div class "center" ends. It has a border color to see where it ends. The problem now is that when i change the height to 400px the box only goes upand leaving a WHITE space under it.Meaning the footer does not follow up to the content div! What am i missing? I attach the cs
  14. Hi,Am having a little trouble creating 2 divs so they are side by side inside a container with set width. The HTML looks like this:<div id="contenttop"></div><div id="contentmiddle"><div class="set-size"><div class="column-580 float-left">sfhsfhs</div><div class="column-400 float-right">sfhsfh</div></div></div><div id="contentbottom"></div> and the CSS is as follows/*<-- column system settings -->*/.set-size {width:980px;margin:0 auto;}.column-580 {width:580px;}.column-400 {width:400px;}/*<-- content -->*/#cont
  • Create New...