Andrea Posted June 30, 2011 Report Share Posted June 30, 2011 ...nag,nag,nag,.....I Do you really think you're the first person to tell me that? If nagging is what it takes......... Quote Link to comment Share on other sites More sharing options...
grabenair Posted July 1, 2011 Report Share Posted July 1, 2011 Try this for the little blue problem. * { margin 0px; padding 0px; } Put this as your first line of CSS code it stripes out all the padding. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 1, 2011 Report Share Posted July 1, 2011 Try this for the little blue problem. * { margin 0px; padding 0px; } Put this as your first line of CSS code it stripes out all the padding. Sorry, but that isn't the solution to the problem. That isn't what is causing the issue. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 1, 2011 Author Report Share Posted July 1, 2011 Good morning folks, Happy Friday to all! I put the margin in. I like the way that looks, and I put in the p tags. I am though lost in this image concept. I put the path in my index file and in the root.css I put url(stratlogo)...I don't get it.....I read the article Andrea and ( I didn't know you could put a image in a menu div or whatever..that is soooo cool)I am lost on how it translates. Quote Link to comment Share on other sites More sharing options...
Andrea Posted July 1, 2011 Report Share Posted July 1, 2011 the link to your image inside your html right now looks like this: www.byyourdesign.com/wp-content/themes/mytheme/images/stratlogo.jpg" If yo uput that inside your address bar and click, you'll get taken to a page not found. That means that either the file path is incorrect or you have a typo in the spelling of the image file - or both - or you have not uploaded the image to that folder. When you look at your online folders - look for wp-content and open it - is there another folder called 'themes" that holds 'mytheme' that holds 'images'? And if so, inside images, do you see stratlogo.jpg? Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 1, 2011 Author Report Share Posted July 1, 2011 I dunno what I did, but I got the path right now. Here is my css, what am I doing wrong to get it as a background img? *{margin:0; padding: 0;} body{ background: url(stratlogo.jpg) } #wrapper{ width: 980px; background: white; margin: 0 auto; } #header { margin-bottom: 20px; text-align:center; color:#000090; background: #fff; font-size: 30px; } #navigation { margin-top: ; font-size: 18px; width: 100px; float: left; background: ; color: #000090; } #column-center { font-size: 18px; width: 400px; float: left; background: white; } #column-right { margin:0 80px; font-size: 18px; width: 300px; float: right; background: white; } #footer { clear: both; text-align: center; background: #000090; color: #fff; } Quote Link to comment Share on other sites More sharing options...
Andrea Posted July 1, 2011 Report Share Posted July 1, 2011 Your image now shows up as part of your HTML because now you have the path and tthe spelling of the file name correct. If you change your CSS to this: background-image: url('images/stratlogo.JPG'); your image will show up as a repeating background image. Not a look I'd recommend, but this is just practice, right? What you have: background-image: url('stratlogo.jpg'); is not working because file names are case sensitive, and the 'jpg' in your actual image name are capitalized but in your code it's not - and that makes it 2 totally different things. You'll make your life a whole lot easier if you stick to lower case for file and folder names only. Also, the cSS assumes the image is in the very same folder as the file, which it's not - there's another folder called 'images' in the folder your HTML file is in, and the image is inside that one. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 1, 2011 Author Report Share Posted July 1, 2011 Thank you! I couldn't put together how "url" was determining where the file was.... Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 2, 2011 Author Report Share Posted July 2, 2011 What does all of this mean? What is rmenu? what is a:link and a:visited? What is a:...? ul.rMenu li a:link, ul.rMenu li a:active, ul.rMenu li a:visited, ul.rMenu li { background: transparent !important; text-align: center; font-size: 20%; } ul.rMenu li a:hover { background: transparent !important; } div#menu1 ul.rMenu { border-right: none; border-left: none; } Quote Link to comment Share on other sites More sharing options...
Andrea Posted July 2, 2011 Report Share Posted July 2, 2011 http://www.csstutorial.net/2010/02/styling-links-with-css/ and now I'm off to vacation. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 7, 2011 Author Report Share Posted July 7, 2011 Have you guy's looked at this site...www.memories-in-crystal.com ? It is another critique asked by another member. I like the look of this site and now I ask, what images spring in your mind when you hear arj communications and technologies? Now I understand what you all were saying in the front about my page, it really is terrible. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 19, 2011 Author Report Share Posted July 19, 2011 If you declare a doctype as html 5 can you still use previous versions of html or are there a new set of rules? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 19, 2011 Report Share Posted July 19, 2011 If you declare a doctype as html 5 can you still use previous versions of html or are there a new set of rules? Yes. HTML5 adds some additional elements, but it is backwards compatible. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 How would I go about imbedding a powerpoint slide show into a webpage that has its own controls( play stop pause) Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 see http://stackoverflow.com/questions/39855/embed-powerpoint-into-html Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 Will this act like a you tube video in its own div-section....thingy? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 I'm not sure, you'd have to try it and see. I imagine it should have buttons that would allow the viewer to advance forward/back through the slides. You might also try something like http://www.slideshare.net/. I believe you upload your slideshow to their service, and then can embed it within your own website. This is another alternative, from Microsoft this time: http://blogs.office.com/b/office_blog/archive/2010/09/24/say-more-in-your-blog-with-embedded-powerpoint-and-excel-files.aspx Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 ok sidebar...where did I miss the lesson on screen sizes...I am working on a website/operations manual for the account I work on at work.I am going on vaca next week and I need a reference manual. So I figured I would practice my html and create a web-manual. Anyway my laptop is one size and the desktop I use is another, how do I make the page fit both? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 There are a couple ways to approach this. You can build a flexible layout where the width is measured in percentage rather than pixels (and probably uses min-width and max-width) which will adapt to the size of the browser. Alternately, you could build a fixed with layout (usually the option I choose) that will fit within most browsers without scrolling. The smallest still reasonably popular browser size still in common usage is 1024x768, so a lot of people build websites with a width of somewhere between 960 and 980. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 Will you look at this and tell me where I went wrong? http://www.byyourdesign.com/wp-content/themes/mytheme/index1.html Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 I think you'll need to specify what issues you are experiencing? What do you want, and what are you currently getting? If you are talking about the width issue, keep in mind that your main container is 1250px wide, which is too wide for some resolutions to see without horizontal scroll bars. As I said above, your best bet is to switch to either use percentages to determine the website width, so it grows/contracts as the browser size changes, or use a fixed width layout around 960-980px wide. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 ok a couple of things. 1. yes the width thing is off. Here on my laptop all is well but on a monitor about 17-20in the "main" is way too small. The padding for the grey area is like 40-50px. 2. I want the page that has the link "here" under the tree browse kits to fill the whole page. 3.I originally had the page in #2 in a images folder and created another css file for that page but it would not do its thing, so I moved it to the root folder...Why didn't it work? 4. Obviously I need to change the text for the other pages but I am not sure how to(this seems so stupid )because of the css that the page links to. Do I need a seperate css for each page? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 1) If you want a page that fills the full screen no matter the browser width, you'll need to set your various divs to use percentages rather than pixels for width. However, keep in mind -- from a usability standpoint, you really don't want the site to fill the full page. If the page is too wide, the site isn't very usable, since readability of text is decreased if the text goes all the way across the page. I can't remember the exact figure, but studies have shown that the optimal line length is somewhere around 90 characters. Any longer than that, and it starts to decrease readability. That's where using a max-width is usually a good idea. This is especially important for visitors with large monitors. For example, I'm currently running a 23" 1920x1200 resolution screen. If I have my browser set to full screen, I really don't want the website to fill the entire screen -- it just takes up too much horizontal space and is difficult to read. 3) The CSS didn't work because you most likely didn't have a correct path to the CSS file. Say you have this setup: - /main folder/ ---- style.css ---- /another folder/ -------- your HTML file If your HTML file is in a folder, you'd need to link the CSS file with something like "../style.css". The "../" moves up one directory, which allows the browser to look outside of the current folder for the CSS file. The path to the CSS file is relative to the current HTML file you are accessing. 4) see #3 Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 you are correct...I didn't have a ../ to my style2.css... What about the other pages, do I need a style sheet for each page? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 No, you don't need a stylesheet for each page. The point of CSS is to use one stylesheet to style a full website, so if you need to make changes to the way the site displays, you only have to change it in one place, rather than in multiple places. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 ok un-sidebar back to the power-point thing,I want to put the .ppt show in the LogiMax and Plantra paragraph. Can't I simply put the file in images and put a link in the paragraph somewhere? Like a <a href="whatever">plantra_power_point</a>? Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 ok so as far as the css is concerned, let me run this by you...If I change the layout of a new page, then all I have to do is class my divs differently, and add them to my css right? Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 If you want the user to click on the link to download the file and view it on their own machines (and hopefully they have Powerpoint or a program that can read Powerpoint files) then yes. Just linking to the file and making it available to download won't embed it within the website though. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted July 21, 2011 Report Share Posted July 21, 2011 ok so as far as the css is concerned, let me run this by you...If I change the layout of a new page, then all I have to do is class my divs differently, and add them to my css right? correct. Quote Link to comment Share on other sites More sharing options...
AnthonyJ Posted July 21, 2011 Author Report Share Posted July 21, 2011 I think I am starting to get this!!! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.