Text columns with CSS

Submitted by Richie1485 on Wed, 2014-02-12 11:56

Hi there, I'm new here so take it easy on me! Smile

Ok so I'm trying to create 3 columns of text with css and thus far i've come across the following code:

.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}

and the html is like this:

How do i make this code capable in php?

Submitted by JumpingTimo on Sat, 2014-02-08 00:35 

<div id="idag" align="center"><p>I dag har foreningen eksisteret i 
<%=DateDiff("yyyy",#1858-03-21#,#2014-01-01#)%>
 år og 
<% 'Noter at der er fratrukket 20 dage fra dage. Detta må korrigeres vid skudår!' %> 
<%=DateDiff("d",#2014-01-22#,now)%> dage</p></div>

Trouble with a CSS table layout

Submitted by caymaniac on Fri, 2014-02-07 16:00

Hi there,

I have created a table via CSS that I like but I can't get them to sit next to each other rather than underneath each other.
I did it at some point in the past but can't for the life of me work out how I did it. Lost the custom code in a site backup restore.

My brain maybe being slightly frazzled from redoing everythign but any help would be greatly appreciated.

Here is the page
http://enjoythewater.ky/services-rates/

Here is the page code:

<div id="pricelist">
<h2>1 Day of Diving</h2>
<ul id="prices">
	<li><a href="#">2 Tank Dive $105</a></li>

Getting my text to line up right

Submitted by lewashby on Mon, 2014-02-03 19:13

In the following site I have an image at the top left of the screen and a black bar that the same height in pixels as the picture but that extends all the way to the right of page. I also want to be able to place some text in the center of the black bar, so it would be half way between the image and the right side of the browser and in the middle vertically of the black bar. My problem is that when I wrap my text up in my div it goes away completely, and my bar extends past the right side of the screen creating the horizontal side bar at the bottom of browser. Any ideas?

CSS

Nav bar on the left with a responsve logo on the right

Submitted by joshblease on Thu, 2014-01-30 18:45

I have a navbar at the top of each page with a list of elements all with float: left; applied to them. I then have a company logo floating on the right hand side of the nav bar. The issue is that if I make the window too small, the logo will move underneath the list items, I need it to shrink in size.

I do have media queries for mobile devices, but this is when the screen is still too large for a mobile device. I may also mention that the number of items on the menu bar can change, so a media query for this is not suitable.

Syndicate content