I’d like to see my site trend like this. Would it be best to use css or kitchen tables. If somone might give me some help it will likely be very much appreciated.
Header
Bar with text aligned remaining and right
List Content
Bar with text aligned remaining and right
Footer
With thanks.
Anything is usually made with CSS, but it’s as long as you. If you are not very familiar about it you could tumble back on tables, or you would use it as a new learning experience.
I think many people would say it really is " best" to use CSS, though. And that’s what I’ll claim.
You provide a hybrid system (tables and CSS) or a CSS system (CSS only).
There are plenty of sites out there that can provide you with a head start on your CSS layout
internet. glish. com
internet. bluerobot. com
internet. thenoodleincident. com/tutorials/box_lesson/boxes. html
here is yet another cool site you could check out..
it actually permits you to generate CSS program code.
http: //www. csscreator. com/version2/pagelayout. php
I’ve used the csscreator website and yes it worked fine once i generated the css but now concerning added content to it it is not displaying correctly. The menu i’ve in the left column sinks on the bottom when i need it to stay in the top.
Recommendations my css file
/* made by csscreator. com */
html, body
perimeter: 0;
padding: 0;
#pagewidth
#header
color: white;
placement: relative;
top: 100px;
background-color: african american;
wider: 100%;
#leftcol
wider: 15%;
drift: left;
placement: static;
background-color: #000000;
#maincolbackground-color: #FFFFFF;
drift: right;
show: inline;
placement: relative;
wider: 85%;
#footer
color: white;
top: 100px;
background-color: african american;
crystal clear: both;
/* *** Drift containers fix:
http: //www. csscreator. com/attributes/containedfloat. php *** */
. clearfix: after
content material: ". ";
show: block;
top: 0;
crystal clear: both;
visibility: hidden;
. clearfixdisplay: inline-table;
/* Carries from IE-mac \*/
* html. clearfixheight: 1%;
. clearfixdisplay: prevent;
/* End hide from IE-mac */
/*printer styles*/
press print
/*hide this left column whenever printing*/
#leftcoldisplay: none;
#twocols, #maincolwidth: 100%; drift: none;
If necessary i can post my code at the same time. I guess we would like to align #leftcol mysteriously, but not sure how.
Also how could i remove the packing containers around images when i use as hyperlinks
If you have this online may well help
You can see it on online world. ianluckraft. 150m. com
please ignore the advertising at the top
thanks very much
I think and this you need.. you might want to use a crystal clear: left;
#leftcol wider: 15%; float: kept; clear: left; placement: relative; background-color: #669966;
hope the following helps.. good fortune
Thanks very much for that it has worked.
The last thing for your moment – learn how to remove the boxes around my images concerning used as hyperlinks. I know the right way to use " text-decoration: none" to remove the lines out of under text hyperlinks. Is there one thing similar or one other way to use photos as links
With thanks again
your obtaining blue border all over your buttons mainly because its an graphic..
for the blue border to never show up you must add this in your image tag..
We have a tutorial here that shows you must make rollovers. maybe you may do something like that.
http: //www. webdesignforums. net/showthread. phpt=22807
WE interpretted your issue differently from igeek, so not sure if the above response addresses your concern or not necessarily. If not, proceed:
I have no idea that you could define < img> around CSS, therefore, you have two options:
1- put border=" 0" for your img tag
< img src=" images/hello. gif" border=" 0" >
2- determine a class regarding images:
CSS imborder: 0px
< img class=" im" src=" images/hello. gif" >
I prefer option 2.
Properly honestly, it depends on you. When designing a website you wish to capture/grab the a lot of audience possibly. And so likewise, you evaluations design your site for being accessible across a number of browser platforms.
Although every browser might render HTML kitchen tables, just about; most current browsers have help support for CSS, but there are many that aren’t CSS like-minded.
Just a small amendment to DCScene’s signal. You don’t should add the minicodeclass=" im" /minicode feature. Just put this as part of your CSS
img edge: 0;
This will certainly remove the line from all photos.