I am new here and also pretty new to web page design. Here is the site: http: //taijijuny. frih. net
What I wish to accomplish is make the actual layout on the item see-through. I plan to increase a background picture then it would look greater but first I want to be able to make the format see-through with the two of my banners nevertheless at the on the webpage. Is this possible
Hello!
Just before I address a person’s problem, let me give a few pointers.
– You have some serious tag soup happening. You can simply replace some tags with more meaningful ones. Take this snippet:
< center> < div class=" head" > Navigation< /div> < /center> < br> & nbsp; + < a href=" index. html" > Main< /a> < br> & nbsp; + < a href=" ImageGallery. html" > Impression Gallery< /a> < br> & nbsp; + < a href=" Profile. html" > Profiles< /a> < br> & nbsp; + < a href=" http: //taijijuny. frih. net/forum" > Forum< /a> < br> < br>
In the following snippet, there are some things that can be done, mostly about employing proper markup (use " h3" when its an actual header, " p" to get paragraphs, etc) and CSS. Look from this:
< div id=" navigation" > < h1> Navigation< /h1> < ul> < li> < a href=" index. html" > Main< /a> < /li> < li> < a href=" ImageGallery. html" > Gallery< /a> < /li> < li> < a href=" Profile. html" > Profiles< /a> < /li> < li> < a href=" http: //taijijuny. frih. net/forum" > Forum< /a> < /li> < /ul> < /div>
Much tidier, isn’t it And for the styling, you need to use the hooks " #navigation h1" for your " navigation" wording, and " #navigation li a" for your links (with " #navigation li a: hover" for that rollovers). Lists set up the line-breaks automatically (they work for instance lists, obviously) and provided need senseless < center> and < div> tags which usually really imply nothing at all.
— You’re using tabular structure. This is harmful, learn CSS layouting, but only after you understand that earliest point.
– Don’t use. bmp files. They really are HUGE. Your website is almost 650kb, 540kb of which is a solo banner alone. Utilize jpg instead.
– Loads of your code is incomplete. Tags aren’t shut down (there’s no termination HTML tag or body tag) and there’s no DOCTYPE, which compelled my browser directly into quirks mode. That is definitely generally not very good.
These days, about your " opacity" issue. Which part are you wanting to be see-thorugh Actually never make use of an image for any background of word, because it helps it be hard to understand.
Seems as if you’ve discovered this beauty of hand-coded CODE and CSS. There are many of things you’ll still should learn, however. For example, give paddings for your content to ensure it is easier to read. The color itself might be a bit too low-contrast for a few people. Your navigation lists provide custom images seeing that bullets and margins instead of non-breaking spaces.
WE wish you fortune!
I’ll add your suggestions while i get to the home PC. In any case, I wanted to create everything transparent such as links on the side. I’m still pretty new to website development. I actually simply just started learning this season. Any help will be appreciated.
A side be aware about closing tags — if your aim is to help write well-formed HTML4, you’ll be able to live without a few closing tags. Even now, XHTML is a means to go, and yes it requires closing tags. The differences are usually fairly small, and add some required closing tags, and all-lowercase tags in addition to attributes and credit values enclosed throughout quotations.