Win a copy of TDD for a Shopping Website LiveProject this week in the Testing forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Paul Clapham
  • Ron McLeod
  • Jeanne Boyarsky
  • Tim Cooke
Sheriffs:
  • Liutauras Vilda
  • paul wheaton
  • Henry Wong
Saloon Keepers:
  • Tim Moores
  • Tim Holloway
  • Stephan van Hulst
  • Carey Brown
  • Frits Walraven
Bartenders:
  • Piet Souris
  • Himai Minh

How to make a Frame like this?

 
Ranch Hand
Posts: 757
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Sorry, I don't know how to ask this question by just typing it here.

I've got surprised, when I came to this web site.
That is Eric Pascarello's home page, and it contains a list box or something else, in partially transparent. Oh! the scroll bar also transparent

Please tell me what is that (is it an inline-frame), and which HTML tags can be used to make something like that.

(I've read the HTML source for that site, but I couldn't understand).


 
Ranch Hand
Posts: 2458
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
It's just a block element with a fixed size and with an overflow. A <div> is by default a block element.
 
author
Posts: 15385
6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
It is a ul set with a height, overflow set to auto, and opacity set

Just look at the CSS class "twitterFeed" in my stylesheet.

Eric
 
Treimin Clark
Ranch Hand
Posts: 757
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Eric Pascarello wrote:It is a ul set with a height, overflow set to auto, and opacity set

Just look at the CSS class "twitterFeed" in my stylesheet.

Eric



Unfortunately I couldn't find it. If you can, please post it here; it would be helpful for me a lot.
Actually I need to understand the method of making something partially transparent.


Thanks in advance.
 
Bauke Scholtz
Ranch Hand
Posts: 2458
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Do you understand HTML and CSS?

The stylesheet is just linked in the HTML head. Go get it independently and read it.
 
Treimin Clark
Ranch Hand
Posts: 757
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I think it is this:



It seems very hard to understand it. Do we need to hard code the CSS? Or should we use an IDE, even for a simple purpose?
 
Bauke Scholtz
Ranch Hand
Posts: 2458
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hard? It's clear enough. You just don't understand CSS. It's the same as showing you a piece of Italian text while you have never learnt the language. There's a nice CSS tutorial at w3schools.com. Go through it.

And hardcoding? What do you mean with it? How else would you have done it?

An IDE is just a development tool, not something magical, so I don't see how it is related to "hardcoding'.
 
Treimin Clark
Ranch Hand
Posts: 757
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bauke Scholtz wrote:Hard? It's clear enough. You just don't understand CSS. It's the same as showing you a piece of Italian text while you have never learnt the language. There's a nice CSS tutorial at w3schools.com. Go through it.

And hardcoding? What do you mean with it? How else would you have done it?

An IDE is just a development tool, not something magical, so I don't see how it is related to "hardcoding'.



Yes, I didn't know about CSS well.

What I mean with "hard coding" is coding something manually (without using any IDE to generate a code for you).
 
Bauke Scholtz
Ranch Hand
Posts: 2458
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Well, learn it then. It's really great and very important in web development.

Some IDE's ships with a visual editor which also generate CSS. Though I am not a big fan of visual editors. It only leads to (future) troubles when in hands of unskilled developers. As long as you're new to the stuff and are unable to understand the generated code and, importantingly, are unable to write it yourself without the help of an IDE, I highly discourage the use of a visual editor.
 
Treimin Clark
Ranch Hand
Posts: 757
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

Bauke Scholtz wrote:Well, learn it then. It's really great and very important in web development.

Some IDE's ships with a visual editor which also generate CSS. Though I am not a big fan of visual editors. It only leads to (future) troubles when in hands of unskilled developers. As long as you're new to the stuff and are unable to understand the generated code and, importantingly, are unable to write it yourself without the help of an IDE, I highly discourage the use of a visual editor.



Thanks Bauke, for your valuable comments
 
passwords must contain 14 characters, a number, punctuation, a small bird, a bit of cheese and a tiny ad.
free, earth-friendly heat - a kickstarter for putting coin in your pocket while saving the earth
https://coderanch.com/t/751654/free-earth-friendly-heat-kickstarter
reply
    Bookmark Topic Watch Topic
  • New Topic