Home › Forums › JavaScript › Jquery, javascript and css help please
- This topic is empty.
-
AuthorPosts
-
January 29, 2010 at 2:56 am #27791zoe19Member
hi Friends please some help me customize this slide viewer with 15 images for me please. They gave every thing there. Am not good at jacascipt and jquery. please help me.
regards
soumyaJanuary 30, 2010 at 1:01 am #70221zoe19MemberAm so sorry or the inconvenience . Am new this coding and heres my mark up and css .
This is Markup:
Code:
test
Here’s the css:
Code:@charset “utf-8”;
/* CSS Document */
#wrapper{
height: 600px;
width: 800px;
margin-top: 50px;
margin-right: auto;
margin-left: auto;
}
/* slideViewer 1.0 default styles */
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden;
border: 5px solid #ff0000; /* this is the border. should have the same value for the links */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #c50000;
color: #fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #fff;
color: #ff0000;
}
/* end slideViewer default styles */p {padding: 2em 0 0 0;}
code {
width:93%;
font: normal 1em/1.3em ‘Courier New’, Courier, Fixed;
color: #000;
display: block;
padding: 0;
margin: 0;
background-color: #fff;
white-space: pre;
overflow-x: auto;
}
#tooltip {
background: #fff;
color: #000;
opacity: 0.85;
border: 5px solid #dedede;
}
#tooltip h3 {
font: normal 10px Verdana;
margin: 0;
padding: 6px 2px;
border: 0;
}February 17, 2010 at 3:00 am #71049madinleeMemberHow to check if clients computer allows javascript? Hi, I am making a website that has java in it, I need some help with some code that checks whether someone has javascript enabled, and if not asks them to turn it on. Any help would be appreciated.
_________________________
market samurai ~ marketsamurai ~ marketsamurai.com -
AuthorPosts
- The forum ‘JavaScript’ is closed to new topics and replies.