Css

Postby **ShiroiHikari** » Thu Feb 12, 2004 4:03 pm

I got a question about div layers. Can someone show me where to put them? Does it go in the HTML or the CSS sheet? Where in the HTML doc does it go? Do you define the div style in the separate stylesheet or in a styleblock in the HTML?

Postby **andyroo** » Thu Feb 12, 2004 6:52 pm

Alright here are the atributes for the div tag in HTML: <div align=center|left|right></div>. It denotes the beginning and end of a division of the page. You will be better off using CSS with the <div> tag.

Here is an example of the <div> tag in use:

Code: Select all: <div style="color: blue"> <h1>Wahooo!</h1> <p>Wow. I can't believe I'm actually writting a sentence. There goes my ultra lazy streak. T_T</p> </div>

Here's what Web Design in a Nutshell published by O'Reilly says about it:

Two HTML elements, div and span, were especially created for use wih style sheets. They have no inherent properties of their own, but can be used to designate elements on a web page that should be affected by style sheet instructions. They will be ignored by browsers that do not understand them.

The <div> tag is used to delimit block-level tags and can contain other HTML elemnts within it.

Help any?

Postby **ShiroiHikari** » Thu Feb 12, 2004 7:37 pm

Eh....kinda...but I still don't get it o.o

*resorts to a pre-made layout*

Postby **glitch1501** » Thu Feb 12, 2004 8:11 pm

so you wanna learn about div layers eh?
my bro showed me this cool site that has tutorials on it
http://css.maxdesign.com.au/floatutorial/tutorial0901.htm
that has abunch of information on divs and spans and wonderful stuff like that:thumb:

Postby **ShiroiHikari** » Thu Feb 12, 2004 8:20 pm

Cool, thanks glitch. When I'm in the coding mood again I'll have a look.

Postby **Kireihana** » Sun Feb 15, 2004 6:01 pm

Well the actual div tag goes in the body, but you can specify it's attributes in CSS or right in the tag. Here are some brief examples:

<div style="position:absolute; leftmargin:123px; rightmargin:34px; topmargin:59px>Your text here</div>

That ^ is for the body version. Now if you want to specify those style attributes in CSS, just create a class, like so:

<div class="main">Your text here</div>

And then in the <head> section:

<style>
.main {position:absolute; leftmargin:123px; rightmargin:34px; topmargin:59px}
</style>

Postby **Fsiphskilm** » Sun Feb 15, 2004 8:29 pm

Well if you w

Postby **Six** » Wed Feb 25, 2004 7:47 pm

or you could just buy a book about cascading style sheets... i dont pretend to know lots of stuff off the top of my head but im currently learning XHTML and CSS and yeah a good book is never a bad thing to have around if even just for reference if you arent really learning anything

Postby **Mithrandir** » Wed Feb 25, 2004 8:22 pm

LOL!!!

SIX: At one point in my career, I had about $3,000 worth of reference books for precisely what you are talking about. When I left that company and started having to pay for my own books, I decided I didn't NEED books unless I was learning the subject matter in question.

heh heh heh.

Postby **Six** » Thu Feb 26, 2004 1:40 pm

well you hardly need 3 grand... im sayin just pick up a CSS ref book for 30 bucks and your set u know? i mean sure you can do it without the book but then when you forget something you have to post on a message board or do time consuming research when you could just flip to page *insert page number here* and find out. im not talking about going crazy with ref books but i cant hurt to have a couple.

also yes i am still learning so of course i need a book but even once im not in the learning period ill still have my current book and probably a few others to help me out in tight spots... ME LOVES BOOKS lol

Postby **inkhana** » Thu Feb 26, 2004 1:56 pm

Volt wrote:Well if you want you can buy/get Dreamweaver which is Great at div layers and a million other things too. I just started using them. I mean they're handy but not practical enough to want to put them into your web page for no reason. Of course I'm still experimenting, I'll probably find a good use for them on my websites and take back my statement on them being non-practical.

The weird thing was, I was kind of this mindset until I found out that they're actually kinda fun. They're tons better than tables for my application (lots of options) but of course I can't vouch for how well they work for other people's needs.

I mean, look at this...there are probably better ways to do what I did in the screencap below...but I don't know how to do any of those! LOL

I would have used an image map or something like that, but this is just kinda neat as I was experimenting and this just kinda happened. Practical? Nah. But it looks cool.

EDIT: Yeah, the images were busted...I was fooling with PHP and I was too lazy to upload the thumbnails...

Postby **Bobtheduck** » Thu Feb 26, 2004 2:03 pm

<moved>

Postby **Debitt** » Sun Feb 29, 2004 6:28 pm

Well, there's a CSS topic here, so I figure I shouldn't go and start another one. Anyways, I'm working with CSS filters, and I can't, for the life of me, get my blur filter to work. I'm running a version of IE that supports CSS filters, so I have no idea what I'm doing wrong. My code is as follows:

<style type="text/css"></style>

The thing that irks me the most is everything else is working! :mutter:

Postby **andyroo** » Sun Feb 29, 2004 9:13 pm

Are you shure that you are needing to use only CSS. It looks alot more like you're trying to use Direct Object Modeling (DOM). If not that then JavaScript.

Here's a link to a DOM tutorial if needed: http://xmlfiles.com/dom/
Check out www.w3schools.com for more info on other web help.

Aside, SH, did you get the idea for this from MyrrhLynn's website? I was just noticing a section on her site about that.

Postby **Debitt** » Sun Feb 29, 2004 9:27 pm

I'm pretty sure that's only CSS up there. I've used the same basic code before and I haven't had any problems, and I can't find any typos or mistakes. o.o;

Postby **LorentzForce** » Sun Feb 29, 2004 9:54 pm

Umm... there a space inside Direction? That means you typed it "Direct_ion", not Direction. Maybe it's that.

Postby **Debitt** » Mon Mar 01, 2004 6:45 pm

Fixed the typo. Still not working. :eh:

Postby **LorentzForce** » Mon Mar 01, 2004 9:51 pm

filter:blur(Add=1,Direct ion=180,Strength=5)

Add filter. Hopefully it works.

Css

Css

Who is online

Loading