Jump to content

yoshida

Members
  • Posts

    293
  • Joined

  • Last visited

Everything posted by yoshida

  1. yoshida

    CSS div alignment

    Yeah... almost. It's Dutch scouting bands, marching through a theme park.This is the entire site. I know you guys loath frames but to me that's as easy as including the page in a div instead of a frame. Less messy way imo as well.Please tell me what you think ^^ I'm in the mood for some positive feedback.
  2. yoshida

    CSS div alignment

    Obvious. How else do you think I add shadows to DIVs?The secret, my youg apprentice, is FLOAT. If the position of one div is relative to the host div, and you specify float and left/right, the text wraps around the div.In other words: I already solved it. Try resizing the page for a fancy effect.
  3. yoshida

    CSS div alignment

    Hi. I'm trying to insert a div into another div, and I'd like to wrap the parent's content around the nested div.Host div: #werklaag { position: relative; text-align: left; padding: 20px; background: #eeeedd; border-style: dashed; border-width: 1px; border-color: #bbbbdd;} Nested div: #fotolinks { position: relative; left: -40; border-style: dashed; border-width: 1px; border-color: #bbbbdd; width: 40%; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;} Application: <html><body><div id=werklaag>random content<div id=fotolinks><img src=someimage.jpg width=100%></div>continue wrapped content</div></body></html> I'm sorry the div names are in Dutch, but I think you'll understand what I'm trying to do.Any way to wrap the div'content around another div? Help appreciated. Thanks.
  4. I'm one of the folks I'm running the site for. Expenses are already high enough as is, without any real cash flowing in. So we gotta cut corners where ever we can. It's not like articles are added on a daily basis, let's say once every two weeks. The only thing I use PHP for is to script the way articles are displayed (in a series of DIVs). I can change the site by either changing the CSS or the script and adding new items will be a breeze.At least that's the theory, once I get the script to create HTML pages.For all the good it will do: here's the site in it's preliminary state (post-dev). If I get all the scripts to work I'll add English pages. That's right: I'm a Dutch webdesigner.
  5. Miscommunication. I intended to say: doesn't run php. I've been writing more css than php lately so mistakes happen. Fixed.When I say 'my Internet Service Provider's webspace' I assume you'd understand it's the webspace that comes with my internet connection in which I can host html files and such to be viewed by the common masses. When I say 'it doesn't run PHP' I assume you'd understand it doesn't parse PHP files.Please don't try to catch me in the Dungeons of Babylon, it's hard enough as it already is. :)Nakor, thanks for helping out. Have a candybar of your choice. I'll make sure to mention you somewhere on the about page of my site.
  6. Thanks, I'll give it a try.(So that's with the !DOCTYPE html PUBLIC tag I see in just about every source code..?)Do you know if there's a howto about this on the web? I'll browse the w3schools tutorial tomorrow (it's already ten in the evening where I live).
  7. Looks good, but I already know how to insert post data into a database.The real issue is how to write a script to generate a page with a HTML extension.Thanks for responding anyway.By the way: I don't mind uploading the files manualy (the webspace looks like a shared folder) but it's simply inconvenient.
  8. Hi.I'm running a website (d'uh) but my ISP's webspace doesn't run PHP. The folks I'm running the site for don't want to lease server space that does. So I'll have to create the pages on my localhost and have them uploaded as HTML. The pages are not interactive.Here's what I want to do: whenever I need to update the site I use a form, and when I hit 'submit' the article is added to a database. I already created a script to read data from MySQL and put it in DIVs. But it's still a PHP extention. Can I use the same script to create a HTML page on another location? Better yet: can I use the same script to create multiple pages, and have them uploaded to my ISP's webspace? They don't support FTP.Help appreciated. Thank you.
  9. yoshida

    DIV question

    Almost forgot about includes... :)I'm going to generate pages, using a PHP script to read from a database and put it's content into divs (using a loop). But since my ISP doesn't support PHP I'll have to create the pages locally and upload them.Thanks guys. Seems like frames is the easy way out after all... (bashes his head against a wall)Here's what I have so far. Don't bother trying to read the pages, it's Dutch.
  10. yoshida

    DIV question

    Question about DIVs: is it possible to have a div autoload a page or other content? For example, if you want a copyright notice on the bottom of each page, or a div containing a menu, can that be done using CSS? It would be cool to have a menu bar on a fixed position by only typing <div id=menu></div>, so I can get rid of everything frame-related.I intend to use google as well, but if anyone has a quick heads-up, surely appreciated.
  11. yoshida

    javascript in css?

    Altho I heard they were planning to add xml functionality to CSS3.
  12. Great, hide the border instead of disposing of it.
  13. Have you tried border:none;? I'm not sure but I believe I read about it somewhere.
  14. Have you tried declaring all divs separately? The rest looks like something I should try for myself some time. Also: if you apply other divs in your html code they should be mentioned in your css as well. (never tried it but I guess undeclared divs don't show up in your browser.)
  15. yoshida

    javascript in css?

    Hey folks.So I'm working on a css (dúh) and one thing I achieved thanks to this forum was defining link behavior in CSS. This particular part is covered by following code: A:link {text-decoration: none;color:#222299;}A:visited {text-decoration: none;color:#222299;}A:active {text-decoration: none;color:#222299;}A:hover {text-decoration: underline;color:#cc7700;} This means all links are blue at all times with no underline, and turn orange on hover and gain an underline. When I define a link all I have to do is <a href=somepage.html target=someframe> and everything works fine.I still get a box around a link when I click on it. It's tackled by adding onFocus="if(this.blur)this.blur()" to a link so it looks like this: <a href=somepage.html target=someframe onFocus="if(this.blur)this.blur()">here's a link, click it.</a> Is there a way to add javascript to a css, so all links have no box around them once clicked? I can probably define this in the head of each page (if I only knew the first two or three things about JavaScript but I don't) but I'd very much like to implement it in my separate .css file.Help appreciated.EDIT: never mind. I googled for a bit, and discovered it's an ugly thing to make links lose focus on focus (tabbing and active link color is also disabled). It's a side effect of an accessibility treshold and I will no longer use it.
  16. yoshida

    CSS Tranparency

    In any case, there's too little consistency in css support for browsers. IE6 sucks big time if you have to write a fancy css to work for that, FireFox (1.5) works just fine (it's a browser you can actually have a 'conversation' with) and Opera seems to care more about it's own versatility and usability than about plugin support.I dunno... it just feels like CSS support should be a plugin like Javascript or Flash. Something not much unlike a GNU module, which you can get documentation and dev modules for.These kinds of fora sure makes it a lot more easy to get what you're looking for. My webpage now has an 'about' section which states the site is written for FF1.5 and adapted for IE6. Couldn't have done it without your help.This fancycat has learned a whole new batch of tricks and I owe you guys.
  17. yoshida

    CSS Documents

    Buying a book about it is money well spend.Even better is using Google, most helpful pages are likely to have banner ads. You can search for what you want to know specifically and help fund community based knowledge bases in the process. Guess where I went for learning PHP and CSS.'Official documentation' about CSS only shows how CSS is used. Community forums (like this one) explain what it's capable off and how to apply 'the cool stuff'. Many of us had to fiddle around for lots of sleepless nights to obtain new knowledge.
  18. I'd like to jump on the MS CRAP bandwagon for a minute.ms C-R-A-P!Really, Firefox (1.5) is far more css friendly than IE6. I had my share of bad luck when it came to DIVs (and I've only been using them for a week or two). Everything I fiddle around with in CSS almost instantly works for FF but IE has more quirks than a 40 year old Russian submarine.
  19. yoshida

    CSS Tranparency

    I adapted a fullscale background topic to make something that might serve your needs. Here's the CSS: body { font-family:verdana, arial, sans-serif; font-size:76%; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background-image: url(http://www.seemydesign.com/livingroom/elementsideas/designelements/pattern/fabric_types/speckle_mauv_m.jpg);}#transparant { position:absolute; z-index:1; width:80%; height:80%; padding:20px; opacity:0.3; background-color:#ffaaff;}#scroller { position:absolute; width:80%; height:80%; top:0; left:0; overflow:auto; z-index:2; background-color:#aaffff;} #content { background-color:ffffaa; margin-right:30px; margin-left:30px; margin-top:10px; margin-bottom:10px;} And here's the HTML: <html><head><link rel=stylesheet type="text/css" href=transparency.css></head><body><div id=transparant></div><div id=scroller><div id=content>Insert content here</div><div id=content>Insert new content here</div></div></body></html> What I'm doing is putting one div on top of another. Here's what it might look like. It's quick & messy but there's plenty of brains on these forums to make it into something pretty. Knock yourselfs out.EDIT as it appears, this thing doesn't seem to work with IE6 but I have no problems using Firefox 1.5. Using IE6, the transparant background div doesn't show up.
  20. yoshida

    Css layout

    I heard you can also specify the width of the remaining column as width: auto; but I'm not 100% positive. My guess is it would enable you to make one or two columns with fixed width (px), some more with relative dimensions (%) and one that fills all the remaining space. Dynamic page, o marvelous you. :)Slap me in the face if I'm talking nonsense again, me is still noob-ish.
  21. yoshida

    CSS Tranparency

    It's an amazing feature, but if you nest divs the 'inner' divs inherit that property. It 'ruins' my hack to add a dropshade to a div. So now if I decide to add a background the entire textarea is transparant instead of just the dropshade. IMHO that kinda sucks. All 'cheesehacks' are sticky anyway...
  22. Superb, so you simply create a new .div with an absolute position which is screen-filling.TYVM! I'm gonna fiddle around with that right away!EDIT: it works, kind of... and 'kind of' doesn't cut it for what I try to do. I manipulated the script to serve my needs, and everything works perfectly in Firefox. But when I open it in Internet Explorer the div called content 'won't scroll' using the mousewheel.Anywayz, looks like I ain't gonna use a background after all, especially now I have to re-write my css around one useless gimmick. It was an educational opportunity but not worth the effort. Thanks for helping out tho.
  23. Hey guys.CSS's versatility never ceases to amaze me. Yesterday I added a 'dropshadow' to a div by making it a nested div. Funny ###### like that. But one problem keeps bugging me. Is it possible to attach a background to the body, which is always 100% of the screen, fixed, and never repeated? In other words: can I get an image to stretch to the background size? I found two or three other threads on the internet, claiming such is impossible, but IMO that would just be silly.Anyway, please drop me a note. A working solution would be hugely appreciated.
  24. OK, got it to work. Ya gotta admit, even while the current content looks like complete gibberish, it looks pretty near right? :)Thanks for your help.
  25. Include that anywhere in the css, and it will work? I'm not putting my styles in the head of every page, I include it in every page using <head><link rel=stylesheet type="text/css" href=apb.css></head>. It's worth a shot I guess. Thanks. :)EDIT: Font specifications can be defined for each link specifically. The only thing I wasn't able to inplement is the onFocus="if(this.blur)this.blur()" function. But as long as I won't use it on the page (only in the menu bar) I'm fine with making it a custom link option. Text-decoration is inherited through the entire script, but I set hover to underlined which I think is real cool. It gives a more interactive feel to the site.So now it looks like this:body { background: #f9f9ff; text-align: center; border: 0; padding: 0;}#werklaag { background: #ddddaa; border-style: dotted; border-width: 1; color: #444444; font-family: sans-serif; font-weight: bold; text-align: left; width: 800; height: auto; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;}A:link { text-decoration: none; color:#222299;}A:visited { text-decoration: none; color:#222299;}A:active { text-decoration: none; color:#990000;}A:hover { text-decoration: underline; color:#cc7700;} If someone knows another useful funcionality to implement in my CSS, now is the time to tell me about it. Any comments can be mailed to me through the site. You know what to remove in my e-mailaddress (anti-spam functionality).Thank you real_illusions ^_+
×
×
  • Create New...