Vertically arranged images with text alongside: inline-block?

Hi,

When I say that I'm a beginner with CSS (and HTML), I mean it!

Im trying to style my page to look very similar to this: http://intro-webdesign.com/CSS/assignment-2/index.jpg but I'm struggling to get the 3 images vertically whilst allowing the text to sit next to them. I presumed 'inline-block' was the way to go but I can only get the images vertical by using 'block'.

This is the HTML i am working with (which I am not allowed to alter):

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ultimate Frisbee - Home</title>

CSS (Weebly) blog sidebar, content width, scrollbars - Help, please!

Hi, everyone! I am new here and new to CSS!

CSS transform translate Internet Explorer Issue

Hi,

Having an issue with translating (animation) a png photo object across the screen in IE. I speculate that it may be something to do with IE object origin positioning and how percentages are handled (or not as the case may be).

Here is a link to a very simple test page which works in FF and chrome but not IE.

CSS animation example

Can anyone yield the correct code for it to behave properly in IE?

Many thanks,

Psy

Vertical menu active link styling...

I have a simple vertical menu, here's the CSS:

.gradientmenu{
	list-style-type: none;
	margin: 125px 0;
	padding: 0;
	width: 160px;
}
 
.gradientmenu li a:link, li a:visited  {
	border-radius: 20px;
    background: #17988a; 
    background: -webkit-linear-gradient(#17988a, #a7f9f0);
    background: -o-linear-gradient(#17988a, #a7f9f0); 
    background: -moz-linear-gradient(#17988a, #a7f9f0);
    background: linear-gradient(#17988a, #a7f9f0);
	font: Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.0em;
	color: #fbf4da;
	line-height: 0.8em;

Changing hover menu to OnClick menu.

I am trying to change my vertical drop down menu to OnClick instead of mouse hover, but I can't find what to change. Here is my code:

<style type="text/css">
   * {
  margin: 0px;
  padding: 0px;
 
}
 
nav {
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  margin: 50px auto; /*for display only*/
  width: 150px;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
     -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
 
.menu-item {
  background: #fff;
  width: 150px;
}

Syndicate content