cowboyandy
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by cowboyandy
-
-
I'm not getting what you mean - the header image is one long pic with a hat and boots - I see no flag. Can you be more precise as to what image you want where?
Hey, Andrea!
I'm going to have drop down into SA (I'm in Wimberley) and buy you some coffee - you keep pulling me out of the fire!
Yeah, I tried to attach an excel sheet to show what I have in mind, but the forum wouldn't let me attach that kind of file. So...I've attached the images I want to use. Here's the plan:
(left side of header)the ole cowboy logo (space)the texas flag - centered on the logo (space)the links displayed as they are
Every time I try to line them up, the flag drops below the logo - do you want me to make the change, and re-post, so it makes more sense?
-
Good morning!
Here we go again...every time I think I'm getting the hang of things, something goes awry!
I have a long image in the header of this site I'm playing with. I'd like to change it to two square images, next to each other with a break between them, and the page links unaffected (as is).
Trouble is, no matter what I do, I end up with the flag below the logo! What the heck am I missing? css is attached.
Thanks for your help! Have a great day, and God bless!
-
on #page put margin: 0 auto;
take out the other margin you have in there.
Corinne
Thanks, Corrine!
As soon as I saw your reply, I remembered that I had been playing with the page - just forgot to put the css code back the way it was! it's always something simple....
Thanks again! Problem solved. Have a great day, and God bless!
-
Good morning, all!
I am completing a basic site for a client, and all appears good in my offline editor and on my monitor at home. I was at work early this morning, and wanted to look at something on the site while it was on my mind. When it loaded, the site was off-center, and the content page was to the left of the header, instead of directly below. Both my home computer and the one at work use IE, but the monitor at work is one of those wide ones.
Any way I can fix that with my css (attached)? Or is this simply a monitor problem?
The client's site is here.
Thanks for your help...have a great day, and God bless!
-
Or do a blog at one of the popular blogging sites - they're free!
-
Good evening!
Thanks to killersites tutorials, these forums, and various other sources, I'm getting better at utilizing css. But as I work on streamlining things, I find contradictory teachings. "Ugh, tables!" in one spot, how to use css to form your tables in another, tables are best for forms in another...very confusing.
Then I find that <p> has been deprecated, as has <font>. But in order to make things appear properly, I should define <p> in the css! What if I want to change the css-set font for a word or two in a paragraph? For example, css has the font for the main content set at normal black, verdana, 12px - how do I make a word or two a different color from the rest without using <font color="xxxxxx">? Example on the home page of one of my sites I'm rebuilding (thanks to hackers).
Several sources have indicated that my submission form - found here - should be set up using strictly css, but then others say if you want a better lined-up look, set tables for the form inside css! By the way, html validation shows that the form I have should have all the <label> elements removed - if I do that, will the form still work OK?
After reading through many of the posts here, and going through the w3school tutorials, I'm not real clear on what's correct. Any suggestions?
Thanks for your help and input - and for letting me vent a little! Have a great evening, and God bless!
-
Not sure what I did wrong before, but I went back and tried again....success! Am now in the process of deleting all those extra lines! Much cleaner html!
Thanks, Wickham! Have a great day, and God bless!
-
I tried to search this, but the search was blocked for using the word "border". So here's what I'm trying to do:
My navigation column contains an "hr" divider between each link anchor, but I use an image instead of a straight hr. Check the left column here. That's quite a bit of <li>image</li> coding!
I thought there's a way to add the "texashr.gif" to the css for the nav-left ul, but apparently I've gotten incorrect information on how to do that. here's the css for the left nav column:
#nav-left {
background-color:#ebe0cc;
text-align:center;
width:185px;
margin-left:15px;
padding:10px;
border:1px solid #8b4513;
float:left;
}
.nav-left image {
border:0px;
}
.nav-left ul {
list-style-type:none;
padding:0px;
margin:0px;
}
.nav-left li {
color:#aa4400;
margin-bottom:4px;
}
After a few days of research, I thought bottom-border: url(/siteimages/texashr.gif); would be the key, but no matter where I put it in the above coding, it doesn't work. It would be nice to have a lot less <li></li> entries in the body html. If this is possible, what the heck am I missing?
Any guidance is greatly appreciated! I don't mind reading and learning, but apparently I haven't found the right tutorial to read!
Have a great evening, and God bless!
-
There can't be a space between "url" and the opening "(".
I knew it had to be something simple...why didn't I think of that?
Thanks Ben!
-
I believe you are missing the "url" portion: http://www.w3schools.com/cssref/pr_list-style-image.asp
For example:
ul
{
list-style-image:url('icon.gif');
}
Yuppers! Here's the change:
list-style-image:url (http://www.renttexashillcountry.com/siteimages/smalltxflagnav.jpg'>http://www.renttexashillcountry.com/siteimages/smalltxflagnav.jpg);
Now three errors:
Value Error : list-style-image url is not a list-style-image value : url
Parse Error (http://www.renttexashillcountry.com/siteimages/smalltxflagnav.jpg);
Parse Error [:#000000; vertical-align:middle; text-align:left; } /*--content--*/ #propdetails] Have no idea why this one appears with the above change!
Any ideas?
-
I believe you are missing the "url" portion: http://www.w3schools.com/cssref/pr_list-style-image.asp
For example:
ul
{
list-style-image:url('icon.gif');
}
Hey, Ben!
I had that originally, but it gave me 3 errors...I'll try it again and see what happens.
-
Thanks to this forum, I'm getting better at utilizing css...or at least think I am! I redid some of it, then tried validating, and I keep getting this on validation:
Value Error : list-style-image Parse Error :(http://www.renttexashillcountry.com/siteimages/smalltxflagnav.jpg'>http://www.renttexashillcountry.com/siteimages/smalltxflagnav.jpg)
I know this is something simple, but I just can't figure it out. It's the only error on validation, so I'm happy with that - but sure would like to know how this line in my css is incorrect:
list-style-image:(http://www.renttexashillcountry.com/siteimages/smalltxflagnav.jpg);
As usual, your help is greatly appreciated - especially by us novices!
Have a great day, and God bless!
-
I'm driving myself crazy trying to figure out how to set css for a specialized list using an image and indentation. The html mess I have can be seen here:
www.renttexashillcountry.com/texasisms/
I have the following in my css, and it's working fine for a couple of lists (although I'm still trying to fine-tune the css).
ul { list-style-type:none; padding:0px; margin:0px;}
ul li { color:#aa4400;}
There must be some way to set code into the css that will give me the same results as what the page shows for the Texasisms list. I've tried using an html nested list, but it simply refers to the css above and is defeated.
How can I use css to accomplish this and get rid of all the mess I have going on - and still get the proper indentations? Or should I set up a table - I have several of those being used in the site.
Any guidance would sure be appreciated!
Cowboy
-
Looks like you could do that by adding right padding or margin on the images:
#statelinks img { padding-right:20px; }
Ben!
Thank you very much! I kept trying to work from the left of the text - never thought about working to the right of the image! Probably need to get some sleep.
That corrected the problem.....muchas gracias!
Cowboy
-
I set up a table for one of my pages, and have tried everything I know to put some space between the <td>image and the <td>text.
Here's the page: www.renttexashillcountry.com/usefullinks/index.html
Still working on "shortcutting" design using css, and having some problems. Any hints as to what the heck I'm missing here?
Here's the css I have for this table:
#statelinks {
margin-left:5px;
width:100%;
border-collapse:collapse;
text-align:left;
}
#statelinks td {
border:0px;
margin-top:15px;
padding:15px;
}
Thanks in advance for any input.
Cowboy
-
Good morning!
I'm still wading through higher-level html, and starting css - plan on starting to learn php this Spring.
I have a new site, and it has two submission forms. The forms are apparently working fine - I'm getting numerous email submissions that are from robots - or is it spiders? Anyway, I need to make the forms suitable for humans only. I've been looking at the way to do that, and am a little confused as to where to put the code for it - in the form itself somewhere? That's the way it appears to me, but I don't want to change things until I'm sure of what I'm doing. The forms can be found at www.renttexashillcountry.com/postproperty/index.html and a short one for businesses on the terms page. Don't pay a lot of attention to the appearance of these pages - I'm tweaking now that I understand css - the home page is how things will look later - and the "Bandera" page is design-current, thanks to help from Andrea - still need to tweak some things.
Can anyone give me a hint on this?
Thanks! Have a great day, and God bless!
Cowboy
-
Good morning, everyone!
Thanks to hints from Andrea, and after several days of reading tutorials and forum posts, I finally got my css validated, and things look the way I want them to...yay!
I'm sure there will be changes as I tweak the template some more, but it feels good to have come this far in a very short period of time.I'm having trouble, though, getting html validation. I've been able to go from 100+ errors to 47. 24 of those pertain to me putting <hr> into my navigation column - I like the looks of it over just the plain <ul> appearance. Is there a way to make this acceptable using html 4.01?
Also, there are about 40 errors pertaining to embedding some youtube videos, GoDaddy certification, and a counter. After some snooping, it appears that "embed" is acceptable only in html 5? Can someone please give me some direction here - there seem to be numerous "errors" per line with this, and I haven't been able to figure it out yet.
I know both of these items are non-essential to the operation of the site, but I like the appearance with the <hr>s, and the videos, which are on the home page only, say a lot to visitors. Here's the url: www.renttexashillcountry.com.
Guess I have an overall question: how crucial is it to have w3 validation?
To those of you who have been here a while and are keeping us students going, I appreciate ya!
have a great day, and God bless!
Cowboy
-
Dang it, virtual!
I got that wrong, too? Andrea's going to fire me as one of her students if I don't catch on soon....
Almost through fixing the errors on mine...yay!
Have a great day, and God bless!
Cowboy
-
Hey, Karen!
I just opened it using your link, and that page, as well as the others, looks great! It's all perfectly aligned as 4 columns, with the "For Sale" and "For Rent" centered. This is a wide-screen monitor at work - could that make a difference (still learning a lot of this)?
Not much help, I guess, but at least you know it's working somewhere!
Have a great afternoon, and God bless!
Cowboy
-
Hey, Andrea!
Wow! You make students get right into brass tacks and figure things out!
I've been spending most of the day gittin' me some learnin'!The very first thing you must do is remove this line:
<meta name="author" content="Andrea Barnett for Killersites">
I don't write code like that.
I honestly have no idea where this came from. I didn't type it, and it isn't on my original index, so I guess I must have copy/pasted something to work from. I sure wouldn't try to give you credit for my newbie attempts! It's gone - sorry.
Basically, your 3rd column is at the bottom because the sum of all your columns, including any margins and paddings, are more than the width of your container - so they simply don't fit.
High school diploma and college degree, and I can't add.....Found the error. Thanks for the heads-up!
To improve things:
Fix the doctype line - yours is incomplete and incorrect.
Did it - I think. Changed it to...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Is that correct?
Then I'm taking out the JavaScript for now - fix the layout first, worry about slide shows later.
Took it out - would like to put it back, though, once I have a better handle on the design.
Now I'm going through the code and fix the alignment - that doesn't affect how a page is displayed, but the way it's now makes it hard to work with it. I'm also removing all font tags and anything else that should be handled via CSS. (examples: non-breaking spaces, line-breaks, target-=blank"s,
OK, this is where you forced me to learn some more. I worked on the css and figured out (I think) how to get around most of them. Still had to use a few non-breaking spaces, and haven't been able to find information yet on how to get around the "_blank" target - I want links outside the site to open in a new window. Still looking....
As I clean up your header, I notice that you have two div id="column1 - that does not work. IDs can only be used one time on a page. so I'm changing the first column1 to navigation - because it is really not a column anyway.
Followed your lead and changed it.
I'm also changing the name of your div id="nav-column' - that's also more a row than a column, and while the name itself has no effect on look or function, it's better to have one that's accurately descriptive. I'll go with link-list.
Same thing here - it's been changed.
Then I'm removing the second body tag you have here - there should be only one. If you want to load a slideshow, you have to add the 'onLoad="runSlideShow()" to the one and only body tag right after the closing head tag. But since I'm not worrying about slide shows at the moment, I'm taking it all out.
Again, followed your guidance. We'll get back to it later.
Deleting all the table formatting - this is no place for a table, but applying a header tag and list tags instead.
Another learnin' thang! Corrected those problems with css - although I had a little problem with the "lists" part - think I got it, though.
Sure got more information than I had expected - thanks! Hope you'll hang in there with me some while I try to get this thing finalized and online. What's online is old and heavy-html - in fact, different page designs while I tinkered. But I'm not marketing it yet, so it's all good.
I've attached what I've accomplished so far.
Thanks again for pushing me into learning more - helps me keep my mind working! Hope to work with you some more - I promise I'll try to figure things out myself!
If I don't talk to you, have a great Turkey day!
Cowboy
I'm running out of time, and there is a whole lot more cleaning up left to do. I have not even begun to worry about properly styling navigations as lists, or addressed any text formatting - but this is a much neater outline to get you started:
-
Well, I'm getting a handle on css, I think, but I can't seem to get a 3-column page working properly. The problem can be seen on my test page here: www.renttexashillcountry.com/3columntest/testindex.html. The nav column intended for the right side is all the way on the bottom right.
I've attached the css - following the information in here, I just can't seem to get the dang thing right. The changes/additions I made to the css for this are "nav-right" and "info-column2".
I know it's something simple - can anyone give me a hint?
Thanks!
Cowboy
-
Just started learning css, and have been floundering through numerous sites, all of which have been helpful, but not user-friendly for a novice. Now I have this as well....thank you, thank you! I finally figured out how to set up an external stylesheet and how to get the site to link to it, and am working diligently on getting my site - which has had some problems with plain html/internal stylesheet - organized and looking good - as well as cutting down on time due to changing a lot of pages! Should have the site back up this week - going through posts to fine-tune things.
Thanks so much to everyone assisting with these things - helps us "older" folks get a better grasp.
Happy Thanksgiving to all...and God bless!
Andy
2 Images In The Header?
in CSS
Posted
Thanks, Benjamin!
I added the float to the css element, tweaked the margins, and...BINGO!
Check it out!
Hopefully, one of these days, I'll retain all this basic information - still learnin'!
And Andrea, as always, thanks for watching out for all us novices!