'scuse the post - it appears someone has logged into my brain and erased part of the hard drive that contains my thoughts / logic etc... been having one of those days battling with such a simple thing - or it should be anyway - and the harder i try to resolve this the further away the answer is.
Its probabally something stupid im doing /missing - but can somebody tell me why i cant get the following code to work. Basically its a cocktail menu - i need 2 columns and the name of the cocktails in one block and others in the other - trouble is - i cant seem to get the span to take on the styling at all no matter what i do - the code is below - basically it should list cocktail types - cocktails in the cat and maybe the price to the right - i might have to split them up more logically into groups but this is proving harder than i thought now that my braincells seem to have leaked out of my ear when ive been asleep.
As i said i want the name of the cocktail to be in Georgia, Times New Roman
bold - but it wont have it. No Way Jose......
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test for cocktail menus</title>
<style type="text/css">
.cocktail {background:#CCC; width: 250px; margin: 0 20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 5px;}
.cocktail h5 {font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 0px; color:#C60;}.
span.title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight:bold;}
hr {}
</style>
</head>
<body>
<div class="cocktail">
<hr />
<h5>Classics</h5>
<span style="title">Cosmo</span><br />
citrus vodka, triple sec, cranberry juice, limes
<p><span class="title">Strawberry Mule</span><br />
vodka, strawberry liqueur, limes, ginger beer</p>
<p><span class="title">Sea Breeze</span><br />
vodka, grapefruit juice, cranberry juice, limes</p>
<p><span class="title">Caipirinha</span><br />
cachaça, limes, sugar</p>
<p><span class="title">Margarita</span><br />
tequila, triple sec, lemons, limes</p>
<hr />
<h5>Creamies</h5>
<p><span class="title">White Russian</span><br />
citrus vodka, triple sec, cranberry juice, limes</p>
<p><span class="title">Mad Monk Milkshake</span><br />
frangelico, baileys, kahlúa, milk</p>
<p><span class="title">Mint Choc Shake</span><br />
mint liqueur, cacao brown, vodka, milk</p>
</div>
<div class="cocktail">
<hr />
<h5>Classics</h5>
<p><span class="title">Cosmo</span><br />
citrus vodka, triple sec, cranberry juice, limes</p>
<p><span class="title">Strawberry Mule</span><br />
vodka, strawberry liqueur, limes, ginger beer</p>
<p><span class="title">Sea Breeze</span><br />
vodka, grapefruit juice, cranberry juice, limes</p>
<p><span class="title">Caipirinha</span><br />
cachaça, limes, sugar</p>
<p><span class="title">Margarita</span><br />
tequila, triple sec, lemons, limes</p>
<hr />
<h5>Creamies</h5>
<p><span class="title">White Russian</span><br />
citrus vodka, triple sec, cranberry juice, limes</p>
<p><span class="title">Mad Monk Milkshake</span><br />
frangelico, baileys, kahlúa, milk</p>
<p><span class="title">Mint Choc Shake</span><br />
mint liqueur, cacao brown, vodka, milk</p>
</div>
</body>
