CSS Buttons and Keentags

For requests for help from CG administrators, Wranglers, and experienced CG members. Please read the FAQ before posting. Also look at CG Wiki for tutorials and how-tos written by other CG webtoonists.
Post Reply
User avatar
Mayihelpyou
Regular Poster
Posts: 59
Joined: Mon Jul 24, 2006 6:34 pm
Location: USA
Contact:

CSS Buttons and Keentags

Post by Mayihelpyou »

I have designed my site using CSS and wanted to make my next/previous/first/last buttons match the CSS buttons I have designed for the normal navigation of the site. The problem is I don't seem to be able to control the style of these buttons.

If I understand this correctly my only two choices are to make images, or to just have plain text links. Is there no keentag just for the URL of the next, previous, etc., links so that I could just target the pages with my own non-image buttons?
Image
"My secret to happiness is that I have the heart of a 12 year old child.. I keep it in a jar over there..wanna see it?" -Old Vaudeville.. really old vaudeville..

User avatar
Wyldcherry
Regular Poster
Posts: 70
Joined: Fri Jun 18, 2004 11:43 pm
Location: USA
Contact:

Post by Wyldcherry »

Just make an unordered list and/or designate an id to them. For example:

Code: Select all

                  <div id=nav>
				<ul>
					<li>***first_day***</li>
					<li>***previous_day***</li>
					<li>***next_day***</li>
					<li>***last_day***</li>
				</ul>
                 </div>
then for the css

Code: Select all


#nav ul {margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;}

#nav ul li { display: inline; }

#nav ul li a { text-decoration: none; 
	padding: .2em 1em;
	background-color: #the color you want;
	border: 2px solid #the color you want; 	}
	
#nav ul li a:hover{
	color: #the color you want;
	background-color: #the color you want;}
	
Hope that helps. :)
Image

User avatar
Mayihelpyou
Regular Poster
Posts: 59
Joined: Mon Jul 24, 2006 6:34 pm
Location: USA
Contact:

Post by Mayihelpyou »

Thanks very much, but the problem really wasn't with CSS. I know how to make the buttons, etc., the trouble is the keentags don't just stick in the url to the page, they stick an entire link, either with an image or with a text link that you can't control.

I gave up and made flat, boring images. I think that it would have been better for me, and frankly for comicgenesis had I been able to use my rollovers, since they used no graphics. It seems like instead of parsing the tag and putting in entire links, we could have the option of making our own links, and just using the tag to target the URL in question.

Either way, it works now. Just a suggestion maybe if anyone wants to make new keentags in the future to do it. I understand how it could happen this way, since almost everyone uses images for their buttons, but now with CSS you can make snazzy buttons that don't need images.
Image
"My secret to happiness is that I have the heart of a 12 year old child.. I keep it in a jar over there..wanna see it?" -Old Vaudeville.. really old vaudeville..

Post Reply