Cascading Style Sheets

Horizontal alignment of few div's inside centered container

Hi, I need some help and I hope the solution is simple for professionals.
The task is distribution of some layers inside the container.
The trouble is that the border between first right .pic_text is bigger than between first left .pic_text. The container .center is centered, but its content doesn't have equal margins.
I tried to find the solution, but couldn't find it ( for my case.
The matter is that every .pic_text has to have picture and text and the design has to be adaptive.

Here is my code CSS3:

<style>
  .center {
	width: 95%; 
	height: auto;
	padding: 10px; 

Background not working with wrapper

Hi guys,

I'm having trouble with my background not working. I'va made a wrapper/container to set my background in it, because I have different backgrounds for each page on the site. If I just put "background: black;" instead of the image that I want as background it works, which is strange since the url to the image is correct.

Here is the code:

Home.php

<?php include("incl/config.php");
$title = "Hem";
$pageId = "hem";
$pageStyle = null;
?>
 
<?php include("incl/header.php"); ?>
 
<div id="containerhome">
 
<div id="start">
<h1>Welcome</h1>
 
</div>

Problem with making menubar for my website

hi,guys. I don't know why i went wrong
>First i have a code in html to make menubar

<!DOCTYPE html>
<html>
<head>
	<title> Menu Bar</title>
	<meta charset="utf-8"/>
	<link rel=”stylesheet” type=text/css”  href=”css/style.css”>
</head>
<body>
<nav id="top-nav">	
<div id="menubar">
    <ul id="menus">
         <li><a href='LINK'>DropDownName1</a></li>
         <li><a href='LINK'>DropDownName2</a></li>
         <li><a href='LINK'>DropDownName3</a></li>   
         <li><a href='LINK'>TabName4</a>
             <ul>

Columns style works with everything but Chrome

In Safari and Firefox, by two-column setup works fine. In Chrome, is forces all content down the first column. The content includes an .swf file, which might be contributing to the issue. If anyone can help I'd appreciate it.

Here is my CSS style:

.columns2 {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

Here is where I use it in my document:
	<div id="boxContent" style="margin-top:10px;">
    	<span class="PageHeading">Chunking for Congnitive Load</span>

Where is the extra margin/padding coming from?

Hi! Smile

I have a banner logo on my site at the top of all pages. On one of my pages it's got a few pixels more whitespace below it than usual. I'm tearing my hair out trying to figure out why, and I can't for the life of me spot the issue. Please help?

Problem page where there is more space below the banner logo
Normal page

Syndicate content