|
CSS - Am I Misunderstanding Css Templates For Web Sites?
I've done a few web sites. Nothing really snazzy - I tend to focus on the information being available rather than having it "look cool". As a result, I've received various comments from "it's fantastic" (from people who are actually trying to find information) to "it's boring" (from those who are used to the frantic Flash-based web sites on a lot of the social networking places). There's a huge age range in users, too - it's a school-related site, so there are Jr. High students and their parents looking at it.
Anyway, as a revamp, I started to look at CSS templates, partly as a way to play with CSS, but also because it seems to be the "right way" to do things these days. My earlier efforts use frames, and there's a header, a footer, a left-side navigation frame, and then the right-side "info" frame where everything shows up. So I did some Googling and found some offerings for free CSS templates. Grabbed a few and looked, and they are much nicer than my basic colors and styles. So I started working up a sample site and hit a snag when I wanted to do a second page. There was a sample index.html that had a section with a navigation menu on the left, and a flexible middle column, and a fixed column on the right. I got a basic front page together, and decided to create a new menu item for "About us", and link that to a new page. Here's my issue/problem - it seems that the way to create the new page is to duplicate the index.html, then hand tweak the menu to indicate the current location (there's a class="current" attribute on a <a> tag), and then rework the text section in the middle. While that's doable, it offends my programmer's ethic of "do the work only once", which, in this case, means that I can't see why the menu has to be rebuilt each time. Am I missing something? Is this the way that multipage sites based on CSS layouts really work? Or do I need to find a better sample or tutorial on doing a multipage site where the efforts need to be made once to get a menu working, and then leave it alone until a real change is required. Similar TutorialsMy webpage I posted this awhile back but it was lost in the wrong forum. anyways i need a little help with figuring out why windows displays margins and overall layout incorrectly and/or just differently. I test everything on mozilla, safari, and internet explorer 5.2 on my Apple G4 tower at home. When i typed in my webpage on a windows there were several problems throughout my site. the biggest things are the blank space off to the right of the vertical navigation menu and the middle footer's blue background is 5px short on the sides. the other thing is especially noticed in my picture galleries -- the DIV that the thumbnails are in creeps up to overlap the text, where on my mac that isn't what's displayed. is there an error in my css that is making this happen? the code is technically correct, but maybe there's a better way for coding a few things. Thanks, Amory Not sure where exactly to ask this. But I have completely developed a site (programming wise) and now need a nice design. It doesn't have to be anything super fancy but was wondering if anyone knew of any places to download CSS templates for free... i recently began learning CSS. Its going fine so far. CSS isnt that tough and its very handy! but so far, i only read things about editing all text, fonts ect. in a quick way, by setting it between the <head>. in other words, how to edit a single page. i actually need to create templates. Is it possible to create templates with CSS. wut i especially need in the template is text. text that are introducing content. for example (im creating a movie site): Director: Cast: ect. That text + ofcourse the layout itself (!) and other text (like in the side bar menu) is needed on the template so i dont have to create them over whenever i add a movie via a database. I could say, the only thing i need to do is adding text like the name of the director, the cast members, movie image ect. (i will be adding this via a MySQLdatabase) its also handy so that my server doesnt has to reload the layout everytime a visitor clicks a link. only loads the text. how can i do that? oh if ur wondering why i dont read it all first. that is because i have to finish it quick for a company Thanks in Advance! Hey everyone. I am new here and this forum looks great. Already found loads of cool PHP ideas just by reading through some of the other posts. I thought for my first post, I would put something into the community. I have created a number of blank css website templates and posted them on my site. I use these as a starting point whenever I create a new site and I find they save me a lot of time. The whole idea of them is to be very basic - even the homepage. I didn't want to fill the templates with loads of stuff you would want to take out but I thought it was important to have enough in there so you can see the idea behind each one. I'd love to hear back from you all and know what you think to them. blankcss.com Looking forward to the responses Hi...all I need a small tip.. I would like to see a home page templates for Friends Network site. Please tell me if you have anything... Thanks Ive just finished building my site and ive implemented a text only alternative. I have not used CSS deliberately as i am unsure whether this, in some cases, is not supported by certain browsers. Reason i ask is because i want to specify font size as a % rather than px or pt so that end users can change the view to text "small" or "large" Would i be better off doing this in the html or by attaching a CSS? Thanks in advance, cuban Hi guys, Could you please make up a little list of the sites that u think best use CSS 2? Very good for learning P.S. I want pure CSS 2 (no basic table syntax or css 1 whatsoever) Thank you For most of my webpages, I use a few element templates for body, div, etc. I'm using more positioning in my pages, and so for the sake of nested div's, I want to add some standardized positioning to my template:
Code: div{
padding: 0;
margin: 0;
border: 0 #000000 solid;
/*** added positioning atributes ***/
position: relative;
top: 0;
left: 0;
z-index: 0;
}
I know that some of this is "standard", but I want to be absolutely sure the browser is going to render my page as I want it. My question is, will/should adding this positioning increase the processing/rendering time of the page (as using table-less design uses a lot of divs)? It's probably a silly thing to worry about, but I'm also interested in what atributes are more processing intensive. I'd appreciate any help with this, thanks in advance. So, I purchased a Wordpress template, installed it, works fine. In some of the posts I'm creating for the site, I want to include simple tables.... problem is, somewhere, somehow, the CSS file for the template I purchased is setting certain style rules for the tables I create. Including a background image. So, it's messing up my tables. I tried setting new table rules this basic way: .argh td { my styles here } then for my tables in my posts: <table class="argh"> It seems to be taking the text formatting that I included that way ... but the dang background image from some style somewhere else keeps showing up no matter what I do. :| Any help would be much appreciated. Hi guys, Could you please make up a list of the best programmed CSS sites (markup-wise).... I haven't found anything near that in the sticky threads you have over here. 1/ k10k.net 2/ ??? 3/ ? Thank you Hi, I am seeing an error which I think is because of z-index, the error is really strange. See these two posts in two different sites (while keeping in mind that the data is same only the sites are having different css) Code: 1st site (buggy one) : http://bloghutsbeta.blogspot.com/2012/03/testing-3.html 2nd site (the okay one) : http://www.bloghuts.com/2011/08/wizard-fashion.html To see the error please go to first site then click on PLAY and while keeping it open, kindly go to the 2nd on and then click on PLAY you will see the error that I am talking about, I am not able to understand what's going on? |
|||||||