CSS - Css - Creating A Video Page
Hi everyone,
I'm kind of new to CSS. Here is my situation... I have a page with a Youtube video on it. I have multiple videos I would like to share on this page. Is there any way I can create an menu navigation with hyperlinks that allow me to replace the current video on the page with a new video without having to create a new page? Ryan Similar TutorialsI am trying to copy a pdf, and it is imperitive that the pages match up: page 1 on the pdf is page 1 on the html file when printed and so on. I am using font 12pt sizes. if it prints out correctly on my computer will it print out correctly on all since I am using the pt instead of something relative like <font size=3>? if this will not work for all then does anyone have any recomendations on how to do it? Is there a flipH equivilant for video, wmv in particular? I tried applying it to my video as a toggle switch Code: vswap.filter = (vswap.filter == "FlipH") ? "none" : "FlipH"; but it only flips the controls and not the video... any options out there for me? Javascript? Thanks, Mark I've been trying for the last 2 days to position windows media player in FireFox. Here is the link: www.binaryshopper.com/test.php Does anyone know how to place a video correctly in FF? I asked a similar question here, but apparently no one here knows how to place a video using CSS. Like it says, can you make an embedded video like a YouTube one fit to a certain shape you have on a site? Because I am wanting one shaped like a spider pic I have on a profile of mine on a site. Hello Developers, Here's my question: I have integrated pre-generated slideshow scripts into the 2nd of 3 HTML frames making up the content of a personal portfolio page. The ultimate goal is that when a user mouses over the LARGE image on the right, a button overlay would appear (like a PLAY BUTTON). OR a button controller below the image could cause the video to play. Ultimately, the basic idea is to let the user do the following: A) Select a thumbnail; Result: Corresponding Image/Caption appears B) Mouse-over (or hover) over the selected image and have the option to then PLAY the Video within the same frame. (this could be achieved by either a button layover or a controller just below the video) I tried linking to examples, but apparently I can't as a new member Any help, ideas, suggestions would be immensely appreciated. But please note that I am not a programmer -- this is all new to me as I'm trying to get a better handle on the programming language so I can update my own pages in the future. Thanks so much! Matt Hi, I have been beating my head against the wall here. My video position in firefox shows up over top of my other nested divs/classes. www.binaryshopper.com The site renders perfect in IE. When you spend more time on CSS than programming, something is wrong! I love CSS but it still doesn't do what it was intended to do. After years of CSS, you still have better control over layout using crappy tables!! Can someone please help me here before I start shooting Firefox developers? I've worked out most css problems but I can't find any css that will make the drop down menu on my site sit on top of the YouTube video that you can see he www the-bizness .co. .uk If you click on Home Page or Multimedia the drop-down menu is behind the video clip. Very annoying. Any help appreciated! I need the video on my site to stretch and contract to the screen size or as small as a cell phone screen and show my whole site smaller. I'm always going to use this header on all the pages on all my sites. I'll either have a photo, video, background image or rss feed underneath. Like google web search engine has but with the same header. I just need everything on the whole page to always resize... streachable video i'm talking about that does this... youtube.com/v/vr3x_RRJdd4 Here's my site I can't get to work... crossroads.site50.net putting a v in the video link doesn't work... I am generating a list with PHP that is going to be printed out and hung up for display. I would prefer if the following weren't printed. 1) Top Left - Page Title (I know I can have this disappear by having a blank title, but I would prefer to have one) 2) Top Right - Page URL 3) Bottom Left - Page number (ex: 1 of 2) 4) Bottom Right - Date Is there any way to print the list without these? I wasn't sure if there is some css I can use, or if this is something that the printer prints automatically. Thanks Hello, I am trying to aling two unordered lists side by side by each other. I want them to look like: Code: Example 1: Example2: *blah *blah *blah *blah *blah *blah I'm running into two problems: 1) I can't get them spaced apart from each other. I tried putting them in a table, but the cells just sit right next to each other so there's no space. 2) Since it is an UL, the dotted bullet points are centered, however, I would like them left-justified like the example. Is this possible? Thanks guys, [EDIT] After posting, the example does not display like I want it. I want a whole SPACE GAP between the two lists. The post made them run together. I want to have all my hyperlinks in my CSS file, so I can call them all at once. Is there any way to do this? Or do I have to code them into every page individually?? is it possible to create this in css ? if so, does anyone have a tutorial on how to ? or what its called so i may research it more (content box? container box?) ty btw, just the style not the stuff inside them lol One thing I've never been able to replicate using CSS that you can do w/ tables is a simple content area with tab, where the border goes just around those areas and there's a set width for the tab but no set width to the area beneath it. I'll try to graphically depict what I mean he _____________ |************|____________________ |*********************************| |*********************************| |*********************************| |*********************************| |*********************************| ------------------------------------------------- Seems simple enough, right? Just imagine that's a solid border and the asterisks are the content area, and I want to create this using only CSS and divs. The tab, say, is fixed at 100px, but the area below is at some percent, say 90% of the page. The problem ends up being the portion to the right of the tab. I need to create a div there so that the top right border is drawn, which is really the bottom border of that space. I can't simply give the area below a top border because then it would place a border under the tab, and I want the tab to be seamless with the area beneath. CSS can't figure out what the remaining width of the div to the right of the tab (at least without using the under developed display:table-cell), so I can't specify the width of that div, which means I can't know how far to extend it to reach the right side of the area below. So, generally, as far as I can tell, the above depiction can't be done without tables. Can anyone find a workaround? Please let me know if I'm not explaining this well enough. Thanks! Hello, I'm trying to create about 4 columns to hold different things in an organized manner with css. My site is www.rafm.org and if you go to the paste section, and look at the recent pastes, I want them to be in columns with column headers. So, how do you create columns with css? hye peeps i need to create a external css for my website www. losttv . 50webs. com would someone please help me, i have no idea. ive made the site how i want it to look and i need the css else i wont pass my assignment. i have no idea how to create it either and have tried reading books? any advise would be SO welcome ricki I've always liked the various illustrated borders on some sites where the box or container of the text/images looks like an image itself, but it turns out to be something drawn with either CSS or some other web syntax. I tried to find ways to make DIV elements have a rounded-corner box or use some images as a border that will scale or change as the object increases or decreases in size. What I found were the "border-radius" and "border-image" elements. However, from what I've read online and at this DevShed forum thread, these are proposed elements for CSS3 which are not available at this time. However, the effects that are similar or exactly what these proposed future elements are supposed to do are being used now. So the question is: HOW are web designers getting custom images or rounded corners on solid borders in DIV objects WITHOUT these elements? Is it another, non-CSS markup/programming language that is making this happen (i.e.- XML, Java, JavaScript, DHTML)? Hi, I'm trying to create a border around the body, no matter how wide the window is. Here is an example:click here You will notice that the right hand border is to far right. He's the css for the body tag: Code: body { background-image: url(images/bkg.gif); background-repeat: repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet"; background-color: #414548; border-style:solid; border-width:24px; border-color:#414548; border-bottom-width:200px; width:98%; height:100%; margin-left:0; margin-right:0; } I think the problem isn't in the body CSS, but maybe some place else. I can't figure it out. Can someone help? thanks I'm trying to create a menu using 'list' but so far without much success :-( Problems? Not displaying horizontally in browser. Can't center text in box. Adding 'padding' didn't work. Any help would be much appreciated, Mike P.S. Please ignore the colors ;-) //paste.pocoo.org/show/207718/ Please add http to the above - I'm not yet allowed to .. I am working on a project in which users will be able to sign up for a program, lets compare it to a myspace page... and they can customize the look and feel of that page to a very limited extent. What is the best way to have them choose colors of the page through CSS, have those changes be there always applied to their page and their page alone? I don't need help with the implementation, I currently have it to where users can choose from pre-built stylesheets and those are used, but how do you set it up to where what options they choose in the setup wizard are then creating a new stylesheet just for that user on the fly? Thanks a ton, SS |