Deaf Raiders - Viewing Profile

View New Content

Deaf Raiders's Profile User Rating:

Reputation: 0 Neutral

Group:: Members
Active Posts:: 167 (0.11 per day)
Joined:: 05-April 08
Profile Views:: 2,083
Last Active:: Jan 13 2012 10:58 AM
Currently:: Offline

My Information

Member Title:: Dedicated Member
Age:: Age Unknown
Birthday:: Birthday Unknown
Gender:: Not Telling

Contact Information

E-mail:: Private

Users Experience

Experience:: Beginner
Area of Expertise:: Web Designer

Topics I've Started

landing pages without .html

12 January 2012 - 12:02 PM

I would like to know how to get from home back to a page without .html in the address bar take bbc.new for an example

it has
http://www.bbc.co.uk and when you click link to go to on a different page like http://www.bbc.co.uk...siness-16510793 it really should be http://www.bbc.co.uk/business-16510793.html. How do i get my website without the .html at the end of everypage. I have created a each folder with an index.html inside them. It works on the hosting website but not on the computer via Dreamweaver. Is this correct method and i does not work on Dreamweaver as a preview in browser?

overlap a video

09 January 2012 - 10:23 PM

I am having a small issue with a drop down menu trying view it on top of the youtube video.

Site

tried Z-index no luck.

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Lanarkshire Deaf Club - BSL</title>
<link href="css/lanarkshire_mq.css" rel="stylesheet" type="text/css">
</head>

<body>
    <!--START WRAPPER -->
<div id="wrapper">
    <!--START LOGO -->
        <div id="Logo">
        </div>
<!--END LOGO --><div id="follow"><a href="http://www.facebook.com"><img src="img/facebook.gif" width="25" height="25" alt="Facebook" /></a><img src="img/youtube.gif" width="25" height="25" alt="youtube"><img src="img/twitter.gif" width="25" height="25" alt="Twitter" /> </div>

<!--START NAV -->
  <ul id="nav">
	<li><a href="index.html">Home</a></li>
    <li><a href="news.html">News</a></li>
	<li class="current"><a href="services.html">Services</a>
	  <ul>
			<li><a href="bsl.html">BSL</a></li>
			<li><a href="lipread.html">Lipreading</a></li>
			<li><a href="vanl.html">VANL</a></li>
		</ul>
	</li>			
			<li><a href="events.html">Events</a></li>
			<li><a href="clubs.html">Clubs</a>
				<ul>
					<li><a href="bingo.html">Bingo</a></li>
                    <li><a href="normal.html">Normal</a></li>
					<li><a href="poker_club.html">Poker</a></li>
					<li><a href="youth_club.html">Youth</a></li>
				</ul>
	</li>	
	<li><a href="gallery.html">Gallery</a></li>
	<li><a href="contact_us.html">Contact Us</a></li>
</ul>
<!--END NAV -->
    
    
  <div id="maincontent"><br>
   	  <article id="BSL">
      <h2 class="h2">BSL Sign Language Classes </h2>
      <p>If you want to learn Basic Sign Language or need help communicating with the deaf community we can help you!
         
        <br>
        Carol Watson runs an eight week Basic Sign Language Class Wednesdays from 12:00 - 13:00 at the Disability Forum Offices, Civic Square, Motherwell. 
      <br>
      <br>
      The next class starts soon!</p>    
     
 If interested contact us on:
     <br>
     <br>
     <b>Tel No:</b> 01698 268700
        <br>
        <b>Email:</b> <a title="mailto:lanarkshdeafclub@btconnect.com" href="mailto:lanarkshdeafclub@btconnect.com">lanarkshdeafclub@btconnect.com</a>
   	  </article><div id="BSLvideo"><iframe width="250" height="200" src="http://www.youtube.com/embed/oaNsoQGpynA"></iframe></div>
  </div><div id="footer">&reg;All Rights reserved for Lanarkshire Deaf Club 2011  
It is a registered Scottish Charity, number SC011330 Website designed By Danny McConnell.
  </div>
  
  
  <!--END MAINCONTENT -->
    </div>
<!--END WRAPPER -->
</body>
</html>

css:

body {
		background-color: #375d81;
		margin-top:0;
	}

.h2{
	font-family: 'Syncopate', sans-serif;
	font-size:24px;
	line-height: 50px;
	line-break: 10;
	page-break-before: auto;
}

article, aside, figure, footer, header, nav, section {
    display: block;
    margin: 0;
    padding: 0;
}
#maincontent #contact #club {
	width: 50%;
	float: left;
}
#maincontent #contact #office {
	width: 45%;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 725px;
	margin-left: auto;
	padding-left: 0px;
	}

#maincontent {
	font-weight: normal;
	color: #333333;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #e1e6fa;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	overflow: hidden;
	clear: both;
	border-radius: 1em;
}
.pod{
	background: #fff;
	width: 200px;
	float:left;
	margin-right:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display: block;
	padding: 5px;
}
#maincontent #welcome iframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	z-index: 1;
}
#wrapper #maincontent #welcome {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin: 5px;
}
#wrapper #maincontent #images h1 {
	text-align: center;
}
#wrapper #maincontent #images ul li a img {
	text-align: center;
}

#wrapper #maincontent #images {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



#maincontent #BSL iframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	z-index: 2;
}



time {
	font-weight:bold ;
	display:inline-block;
	width:2.5em;
}

a.block {
	background-image: url(../img/icon_chevron.png);
	background-repeat: no-repeat;
	background-position: 95%;
	background-color: rgb(53,70,110);
	text-decoration:none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(221,226,246);
	float: left;
	width: 200px;
}

.podContent{
	margin-top:25px;
	width:200px;
	height:181px;
	display: block;
}

.pod h1 {
	background: #CCC;
	color #000;
	padding 5px;
	background-image: url(../images/icon_chevron.png);
	background-repeat:no-repeat;
	background-position:95%;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 10px 0;
}

a {
	color: #333;
	text-decoration: none;
}
#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	background-color: #35466E;
	background-image: url(../img/gradient.gif);
	background-repeat: repeat-x;
	background-position: 0 -110px;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
#images li {
	margin: 5 5px;
	padding: 0 0 5px;
	float: left;
	position: relative;
	list-style: none;
}



/* main level link */
#nav a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
	border-radius: 1.6em;
}
#nav a:hover {
	background: #000;
	color: #FFFFFF;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	color: #0033CC;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	background-color: #E1E6FA;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -40px;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #0033FF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	color: #5994DE !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	background-color: #0078ff;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -100px;
}

/* dropdown */
#nav li:hover > ul {
	display: block;
	z-index:4;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	background-color: #CED8E0;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
	border-top-right-radius: 9px;
	border-top-left-radius: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}
#wrapper #follow  {
	float: right;
	width: 100px;
}
#wrapper #footer {
	float: left;
	color: rgb(153,153,153);
	background-color: rgb(53,70,110);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-decoration: none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-top: -35px;
	width: 705px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 50px;
	border-radius: 10px;
}
#maincontent #BSLvideo {
	width: 200px;
	margin-right: 10px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-top: 20px;
	z-index: 3;
}
#wrapper #maincontent #BSL {
	float: left;
	width: 400px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#wrapper #maincontent #images ul li a  {
	color: rgb(225,230,250);
	text-decoration: none;
}

#wrapper #maincontent #welcome #calendar {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 650px;
}

Thanks in advance.

lightbox issue

25 November 2011 - 03:00 PM

I was trying to resize the images to fit anyone screen now it does that the is one small problem that i am have is with lightbox. the lightbox background leaves the #outerImageContainer still expanding to full length of the pixture when it has been resize to 50%. Can anyone assist me here I did a Chrome inspect element(comes in handy for Web developers) and that was the issue tried all different sizes for width and height.

My gallery link

Cheers in advanced have a good weekend all!
image size

24 November 2011 - 03:48 PM

i have a image size of 2048 x 1536. Now it is for a website, I am creating now not many people have a screen size resolution of 2048 x 1536.

My question: is there any way of using a code to make it fit the screen size when they open it up? maybe using the % option?

I have the thumbnail of 200x150 am now going make it 100x75px as 200x150px seems a bit too big. It will open as a lightbox option.

CSS issue

09 November 2011 - 04:32 PM

My link

I am trying to fit the 'Events' box in the main content div as i go along the box will expand itself everytime I add in that box.

Index.html

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Template</title>
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>

<body>
    <!--START WRAPPER -->
<div id="wrapper">
    <!--START LOGO -->
        <div id="Logo">
    
        </div>
        <!--END LOGO -->
        <!--START NAV -->
  <ul id="nav">
	<li class="current"><a href="#">Home</a></li>
	<li><a href="#">Services</a></li>
			<li><a href="#">Sales</a></li>
			<li><a href="#">Events</a></li>
			<li><a href="#">Clubs</a>
				<ul>
					<li><a href="#">Bingo</a></li>
                    <li><a href="#">Normal</a></li>
					<li><a href="#">Poker</a></li>
					<li><a href="#">Youth</a></li>
				</ul>
	</li>	
	<li><a href="#">About</a></li>
	<li><a href="#">Contact Us</a></li>
</ul>
         
  <!--END NAV -->
     <!--START FOLLOW -->
         
      <!--END FOLLOW -->
    
    
  <div id="maincontent">
   	  <article id="welcome">
        <h2>A Scottish charity working with Deaf people across the generations</h2>
<p>Lanarkshire Deaf Club provides support and advice for deaf people and the hard of hearing of all ages, including<Iframe width="250" height="200" src="http://www.youtube.com/embed/lmUmo5frm3A" frameborder="0" allowfullscreen></iframe> interpreting services, sign language training, and information about hearing aids.</p>

<p>The Daisy Park Community Service hosts a range of social events, clubs and societies.The Lanarkshire Deaf Club serves people from both North and South Lanarkshire and their environments.</p>
<p>The Deaf Club meets every Saturday from 7pm to 11pm.<p>Membership is open to all deaf people and everyone is welcome!</p>
      </article>
    <section class="pod"> 
      <h1><a href="#" class="block">Events</a></h1>
      
      <p>
        <figure class="podContent">
          12/11/2011 Normal Club</figure>
        <br>
      </p>
    </section>
      <section class="pods">
       	  <article id="uploads">
           <a href="#" class="block">Latest Uploads</a>
       	  </article>
         </section>
</div>
  </div>
    <div id="follow">Follow us:
          <a href="http://www.facebook.com"><img src="img/facebook.gif" width="25" height="25" /></a>
          <img src="img/google_plus.gif" width="25" height="25" />
          <img src="img/twitter.gif" width="25" height="25" />
          </div>
    <!--END MAINCONTENT -->
    </div>
<!--END WRAPPER -->
</body>
</html>

css.css

body {
		background-color: #375d81;
		margin-top:0;
	}
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 700px;
	margin-left: auto;
	padding-left: 0px;
	}
#maincontent #welcome iframe {
	float: right;
	clear: both;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#maincontent {
	font-weight: normal;
	color: #333333;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #e1e6fa;
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.pod{
	background: #fff;
	padding: 10px;
	width: 200px;
	float:left;
	margin-right:13px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display: block;
}

time {
	font-weight:bold ;
	display:inline-block;
	width:2.5em;
}

a.block {
	background-image: url(../img/icon_chevron.png);
	background-repeat: no-repeat;
	background-position: 95%;
	background-color: rgb(53,70,110);
	text-decoration:none;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(221,226,246);
	float: left;
	width: 200px;
}

.podContent{
	margin-top:10px;
	width:244px;
	height:181px;
	overflow:hidden;
}

.pod h1 {
	background: #CCC;
	color #000;
	padding 5px;
	background-image: url(../images/icon_chevron.png);
	background-repeat:no-repeat;
	background-position:95%;
	font-size:16px;
	font-weight:normal;
	margin: 0 0 10px 0;
}

a {
	color: #333;
}
#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	background-color: #35466E;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -110px;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #FFFFFF;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	color: #0033CC;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
	background-color: #375D81;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -40px;
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #0033FF;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	color: #5994DE !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	background-color: #0078ff;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -100px;
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	background-color: #CED8E0;
	background-image: url(../img/gradient.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

#follow{
	margin-top: 20px;
	background-color: rgb(53,70,110);
	-webkit-border-radius:2em;
	-moz-border-radius:2em;
	padding: 8px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	text-decoration: none;
	float: right;
		}

Web Design Forum: Deaf Raiders - Viewing Profile - Web Design Forum

WDF Marketplace

WDF Marketplace Resources

WDF Community

Web Design Resources

Web Development

SEO, Marketing & Business

Software & Hardware

The Marketplace

Deaf Raiders's Profile User Rating:

My Information

Contact Information

Users Experience

Topics I've Started

landing pages without .html

overlap a video

lightbox issue

image size

CSS issue

Skin and Language

Execution Stats