Jump to content

Ant

Member
  • Posts

    202
  • Joined

  • Last visited

Everything posted by Ant

  1. Just a few questions on SEO.I'm trying to learn as much as I can but the amount of info is overwhelming so I narrowed it down to a few questions. I realize SEO goes pretty deep so I know theres a list of things that helps. I was just wondering about the following. The site that's launched is about 3 months live now.(I realize it takes time) I'm trying to get better rankings for 2 search scenarios, that I FEEL are pretty narrow. 1. Based on state but as a section not the whole state. i.e North Jersey Salon 2. One based on County i.e Bergen County Salon Here are my questions: 1. Should the title AND description of the site contain BOTH, although that MAY read awkwardly for the title. I guess it's possible to word it and make it work for the site description. Currently both phrases are mentioned. One in the title and one in the description. 2. Do i need to somehow mention those search terms in a natural way throughout the sites page content? I know that your not supposed to add it in a way that makes it look forced etc. 3. Throughout the content of the pages should I be incorporating all combinations of the search phrase I want to highlight. So if i wanted "new Jersey Salon" would I use "nj salon"and "new jersey salon" and so on for each search term I want to target? I assume it makes a difference. I hope that made sense. Thanks A.
  2. Ben, the videos are setup in 2 columns. Since I was told here it's best to use divs instead of tables I chose the float left div style to line up videos horizontally next to each other. So instead of each type of video having a table with 2 columns and X amount of rows(depending on the amount of videos in each category) I used the float left divs. So yes they are next to each other. Like this: HEADLINE VIDEO 1 VIDEO 2 VIDEO 3 VIDEO 4 VIDEO 5 VIDEO 6 ETC.... A.
  3. Ben I added this and for some reason it's working. I guess you were right when you said "You may get some weird issues with your code though, since the middle div isn't floated, but the rest are." <div style="float:left; padding:15px 0px 20px 0px;"><h2 >Content 1</h2></div> <div style="clear:left; float: left; width: 450px; height: 325px;">content</div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="float:left; padding:15px 0px 20px 0px;"><h2 >Content 2</h2></div> <div style="clear:left; float: left; width: 450px; height: 325px;">content</div> <div style="float: left; width: 450px; height: 325px;">content</div>
  4. I just didn't float the middle div (or the first div)because it's an aligned left headline(by default) above the floated divs. What I am doing is using the divs to contain youtube videos. The headline above denotes the type of videos. so it's: HEADLINE VIDEO VIDEO VIDEO VIDEO HEADLINE VIDEO VIDEO VIDEO VIDEO etc A.
  5. Ben as a test I just added this and nothing increased on the top padding BUT the bottom padding works:(<div style="padding:445px 0px 445px 0px;"><h2 >content 1</h2></div>) <div style="padding:15px 0px 20px 0px;"><h2 >content 1</h2></div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="padding:445px 0px 445px 0px;"><h2 >content 1</h2></div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="float: left; width: 450px; height: 325px;">content</div> Now I am using Wordpress themes so maybe somewhere in the theme something is overriding the padding like a css reset but I don't believe so. SO I assumed it was the collapse rule. A.
  6. What are some of the ways that I can tell a div or tag to ignore the collapse margins rule? I assume margins and padding both collapse and are the same with respect to the rule. Say I have the following. How do I control the top and bottom margins on the content 1 and content 2 headings and make them be 15px and 20px without collapsing? <div style="padding:15px 0px 20px 0px;"><h2 >content 1</h2></div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="padding:15px 0px 20px 0px;"><h2 >content 1</h2></div> <div style="float: left; width: 450px; height: 325px;">content</div> <div style="float: left; width: 450px; height: 325px;">content</div>
  7. Thanks Eddie. You cleared it up for me. I would use external style sheets but these are random needs that I just wanted to adjust using inline. Thanks again, A.
  8. Whats the difference between these two items? <img width="120" style="padding:0px 0px 15px 0px; and <img width="120" padding:0px 0px 15px 0px; When I see this width="120" I'm not sure how to add inline css to it. For instance i wanted to add padding to the image but wasn't sure if doing it like this was valid: padding:0px 0px 15px 0px; Here's another example: <table style="width: 800px;" border="0"> Can I do this if I want to define font size: <table style="width: 800px;" border="0" font-size:20px;> Thanks, A.
  9. Ant

    Div control and floats

    Ok thanks. I'll try it and if it works I will try and understand why it DOESN"T clear the 4th div to the RIGHT since I thought thats what clear:both did.(left and right) A.
  10. Ant

    Div control and floats

    Thank you very much all of you. I had NO IDEA I couldn't use divs etc. I thought I was getting all fancy typing in divs positions etc. Now I have to go back and stylize using tables. Ben if I clear:BOTH; the 3rd div won't that clear the div to the left AND to the right thus kicking the 4th div to the next line. I didn't try it yet but I thought thats what it did. A.
  11. Ant

    Div control and floats

    Andrea yes it's an email. I know newsletter is probably an old term but it's technically email marketing I guess. I lost you when you wrote "If by newsletter you mean an HTML email - those need to be created using tables. (unless your chimp transfers things for you)" Why couldn't I use divs. Mailchimp allows divs, css etc etc. You wrote: "You could put the 2 divs next to each other into divs of their own, then they would line up as you want." So you mean a div with 2 divs in it. Then under it another div with 2 divs in it? Don't i need to float the 2 divs inside the single div to get them on one line? A.
  12. Ant

    Div control and floats

    I keep running into the same problem. I do not have full control over div alignments when it comes to floats.I'm attaching an image that should describe what I want to do. This is a recurring problem and at one point I wanted to use a table but have been trying the set up with divs since to me it's the harder way that I want to learn. I think what I am missing is a clear of some sort. But I do not know how to implement it with 4 divs. I am also going to paste my current code. This is for a NEWSLETTER template so I'm stylizing everything inline.I'm using mailchimp and one of their templates rather than fully coding my own. Therefore I do not ( I don't think) have access to the css file linked to the template thus I'm not using classes or id's for the divs or external or internal stylesheets. <div style="float: left;width: 275px;margin: 8px 14px 8px 10px;font-family: Arial;font-size: 14px;text-align: left;color: #505050;line-height: 150%;"> <h4 style="color: #202020;display: block;font-family: Georgia;font-size: 22px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;"> HEADER</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor nulla, a semper risus. In pharetra sagittis porta. Vivamus at laoreet mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sed suscipit libero. Vestibulum at nunc mi, sit amet bibendum turpis. Nulla vel purus ac arcu sollicitudin egestas. Vestibulum lacinia mauris eget neque consectetur pulvinar.</div> <div style="float: left;width: 275px;margin: 8px 14px 8px 10px;font-family: Arial;font-size: 14px;text-align: left;color: #505050;line-height: 150%;"> <h4 style="color: #202020;display: block;font-family: Georgia;font-size: 22px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;"> HEADER</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor nulla, a semper risus. In pharetra sagittis porta.</div> <div style="float: left;width: 275px;margin: 8px 14px 8px 10px;font-family: Arial;font-size: 14px;text-align: left;color: #505050;line-height: 150%;"> <h4 style="color: #202020;display: block;font-family: Georgia;font-size: 22px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;"> HEADER</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor nulla, a semper risus. In pharetra sagittis porta. Vivamus at laoreet mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sed suscipit libero. Vestibulum at nunc mi, sit amet bibendum turpis. Nulla vel purus ac arcu sollicitudin egestas. Vestibulum lacinia mauris eget neque consectetur pulvinar.</div> <div style="float: left;width: 275px;margin: 8px 14px 8px 10px;font-family: Arial;font-size: 14px;text-align: left;color: #505050;line-height: 150%;"> <h4 style="color: #202020;display: block;font-family: Georgia;font-size: 22px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;"> HEADER</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor nulla, a semper risus. In pharetra sagittis porta. Vivamus at laoreet mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sed suscipit libero. Vestibulum at nunc mi, sit amet bibendum turpis. Nulla vel purus ac arcu sollicitudin egestas. Vestibulum lacinia mauris eget neque consectetur pulvinar.</div> Thanks A.
  13. Thanks Ben. I tried searching for answers myself. I feel kind of stupid offering them help considering I am not a programmer but maybe I will send them the link and see what they say. They are telling me that when the database of the site gets imported to the new server, the new version of Joomla rewrites the existing database and changes the urls of the articles. Thanks A.
  14. We are having an agency redesign our website. Our domain name is staying the same. Our website is news based so there are thousands of articles in our database. They recently told us that due to a problem with upgrading to the newest version of Joomla, all our articles (that reside on other sites, shared etc )will have to be redirected to a 404 page and then to the home page. Basically the new Joomla system that they upgraded us to has different link url formatting for articles. Thus they cant fix the problem. Therefore all the links to our stories floating around in search results etc will be broken and not lead to the actually article. Am I wrong to think that they should have planned for this prior to development. They told us all our current articles etc images etc will remain intact despite the move to a new server and an updated version of the current cms system. Am I missing something? They told me that pretty quickly all the search engines will crawl our site and re-index the articles thus the old links floating around will die off. I assume thats correct for our site but not articles hosted on other sites. I don't want to get angry with them if what I expected to happen was impossible in the web design world. It must have been possible at one point because they told us no problem all the url's and links will remain intact. Thanks, A.
  15. If I stylize something like this(see below), does HTML NOT have a standard appropriate line height for X font size? I ask because if I don't want to stylize text with any heading tags and I want to stylize it with a P tag but then change the font size the spacing between lines is always too close. My guess is I'm breaking the rules by doing it like that. My thought is P is like a default text tag, it's not bold etc so I use it then add styles to adjust it per the situation. The problem is stylizing it with JUST font-size screws up the line height. <p><span style="font-size: 18pt; line-height: 150%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper luctus urna, in iaculis lectus lacinia sed. Vivamus porttitor diam nunc, vel auctor leo. Sed volutpat lacus sed nulla convallis eu tempus quam vulputate. </span></p> Do I always need to define the line height whenever I use the font-size variable? Even if I create a class and choose font size, color etc do i need to define a line-height because just font-size:20px does not know how much line height to place? Thanks, A.
  16. Ok. Thanks. One other question. When in IE9 there is the developer tools. I have 2 options. Browser mode and Document mode. Do I set the DOCUMENT MODE to IE 9 Standards and then use the browser mode to toggle between IE7-IE8 to test my site in those versions? I'm asking because I thought i could just toggle between versions. BUT the document mode option is throwing me off. If I toggle randomly between those 2 options in different groups funky things happen. A.
  17. Do either of those options require me to restart/reboot when I want to run IE? Do those options also allow the testing of older IE versions? Right now I commandeered a PC and it's running IE 9. In 9 the website looks great, but I know there were some problems when I saw it in an earlier version of IE. Not sure what version it was though. A.
  18. Figured I would start a new topic on this. I have all macs. What are my options for testing in IE? I keep reading about a bunch of ways but wanted to hear some other thoughts and first hand experiences. So far "wine bottler" is the only way I have tried and that was very buggy and slow. Now i need to uninstall. I read this http://osxdaily.com/2011/09/04/internet-explorer-for-mac-ie7-ie8-ie-9-free/ but don't know if thats got major flaws to it as well. Right now I'm thinking i should ask around and see if a friend has an old pc laptop thats functional enough just to run IE that they are willing to sell. Thoughts? What do you guys do? A.
  19. What do you guys do if your on a mac? Do you have a pc available to view your sites on I.E.? A.
  20. How do I know what browsers will and will not render CSS properly. I'm not talking about testing things in all browsers, I mean is there like a list somewhere that will tell me X will not work in IE, X will not work in firefox, etc I have an image placed using css and I am getting problems in I.E. The image is in front of everything else, as it should be, however in I.E. it's behind the navigation. But how do I go about figuring out what the problem is. Beside blindly changing the css. Here's the css, but my guess is you will need to know all the other elements to see whats not playing nice in I.E. Lets see if just the following code is enough. #floating_image_navigation { background: url("http://linktoimage") repeat scroll 0 0 transparent; display: block; height: 145px; left: -5px; position: fixed; text-indent: -9999px; top: 580px; width: 248px; z-index: 100; } How would I learn all the incompatibility issue. Whats the terminology for the problems I'm having? "Hacks" I don't use conditional statements.(never read up on it) Maybe thats what I need to learn?? A.
  21. Thanks grabenair I will try that. A.
  22. Thanks Eddie. The only reason I didn't want to use divs was it seems so lengthy a process. Although what seems lengthy to me (being a novice still at css) may seem quick to others. I still struggle to choose the appropriate combination to accomplish things. I would assume for every image I need to create a div. Then for every div I need to create a css style rule for that div. Or maybe just a few classes for each div. Or maybe it's as easy as one class with a float left etc. But then what happens when I reach the end of the div's (horizonatlly) Do I use a clear to go to the next line and continue the floated left class. So lets say I want 3 divs horizontally. and then 3 divs again underneath lined up horizontally. What do i use to continue the div's on the next line, a <br>? Some type of a clear on the last div to return to the next line? A.
  23. I always wonder what's right and wrong in terms of using tables. I am NOT using tables to build the structure of the site. My question pertains to content withing the main content div of the pages. Here's a few scenarios and please let me know if they are table appropriate. 1. Multiple logos/images that need to be aligned horizontally next to each other with some padding between.Maybe say 2 rows or even one row.(depending on how wide the area is and how many images) Not a full blown gallery with say 25 photos. Although I have done that with tables before. 2. 8 blocks of text to show a companies "services". But I don't want a vertical list of the services. The layout is awkward and long when done like that. I want say 2 columns and 4 rows to display the info. So I have for instance (2 examples out of 8 content blocks) the following: Nails Manicure: $13 Pedicure: $35 OPI gel manicure: $35 French manicure: $45 Massage 10 minutes: $15 20 minutes: $30 30 minutes: $40 Reflexology: $15 Thanks A.
  24. Andrea, it probably is working but on the surface it looks messed up. The problem is I am using a wordpress theme and there is so much CSS that I didn't write it's hard to decipher everything. It takes me a while to get acquainted with all the css before I can fully start manipulating the themes and stylizing them myself. So I'm sure it's working but there are probably conflicting classes/ID that have the same name and somethings clashing. Or it's some sort of buggy thing going on with the theme/CMS/CSS. You reminded me of the rules of stylesheets (cascading) so that's help in itself. Thanks for helping me. A.
×
×
  • Create New...