Chesso
Nov 7 2007, 10:50 AM
| | Does anyone know how I might create a HTML table but using pure CSS (div's and what not).
I really have no idea why, but for some odd reason my layout goes nuts if I try to use the table tags, even used properly with no errors the whole thing just brakes down (I don't use tables anywhere).
So I figured my only option is to attempt to do it CSS way if possible? |
Comment/Reply (w/o sign-up)
Quatrux
Nov 7 2007, 02:07 PM
Well, you could give as an example of what you're doing, if you're doing it with tables, then everything needs to be alright, if you're doing it with CSS only and with div tags, then you may have problems understanding something, but I don't understand what kind of an answer you want, for example how to do a layout in a CSS you can easily find lots of examples on google and even tutorials and also I remember I posted a topic about 3 column layouts, it is a way to make it work in IE and other browsers normally, a layout which is flexible, fluid and can stretch, it can easily be done with CSS on a normal browser, but with IE: it doesn't support display: table-cell; as it should, there is a hack for that where javascript is involved though.  So if you want to learn to use CSS divs to create a layout, when just google for CSS layouts, CSS 3 column layouts and etc.
Comment/Reply (w/o sign-up)
Numenokh
Nov 7 2007, 07:21 PM
Hi Chesso, I started using DIV tags with CSS a while ago instead of TABLE tags. Honestly, it was more for convenience than due to any serious problems with tables. Plus, I was kinda trying to test some SEO-related issue. Anyway, as Quatrux said, it would be best if you post some examples of the work you need done. Anyway, you can take a look at the source code of my pages at... http://www.arabic-translation-help.com/ ... and see if the use of DIV tags is your cup of tea. I suppose you can download the CSS file as well if you just save one of the pages to your computer -- save it as "HTML complete" not "HTML only." Good luck :-)
Comment/Reply (w/o sign-up)
Chesso
Nov 7 2007, 09:08 PM
The entire layout is DIV/CSS based. The issue is I ACTUALLY need tabular data now but using TABLE HTML tag brakes the entire layout despite not using anything related to TABLEs yet. So i'm looking to make TABULAR data using DIV/CSS. Which I have managed using a whole lot of lol.
Comment/Reply (w/o sign-up)
Quatrux
Nov 8 2007, 07:07 AM
QUOTE(Chesso @ Nov 7 2007, 11:08 PM)  The issue is I ACTUALLY need tabular data now but using TABLE HTML tag brakes the entire layout despite not using anything related to TABLEs yet. Show the way you're doing it, I mean, why should a table tag break your entire layout, you're just doing something wrong in my opinion, I never really had problems with tables, the only thing about them is that you need to write a lot of tables, tds, and trs in the html with their attributes as well. 
Comment/Reply (w/o sign-up)
Chesso
Nov 8 2007, 07:19 AM
Well i'll put it this way: CODE <table>
<tr>
<td> </td>
</tr>
</table> Brakes the entire layout....., even if I set borders, padding, margins etc, it all makes no difference, the whole page just goes nuts. But I don't use anything at all in it to do with tables or even remotely close, so I don't know why a table or it's inner elements would cause issues.
Comment/Reply (w/o sign-up)
vizskywalker
Nov 9 2007, 06:10 PM
Just showing us the table code probably isn't going to help. If it's layout issues, it is likely to be a problem with the surrounding layout or the placement of the table in the code. If you could show us a larger snippet, maybe we could help you. Also, which browser are you using, because that makes a big difference. In fact, the cross-browser issue makes doing tables with just CSS and HTMLDivElements is extremely difficult. I spent a couple years working on that before I gave it up, because getting it to work in even one browser is just not worth it when tables work fine unless you break something. ~Viz
Comment/Reply (w/o sign-up)
kelvinmaki
Nov 10 2007, 01:06 AM
QUOTE(Chesso @ Nov 8 2007, 07:19 AM) Well i'll put it this way: CODE <table>
<tr>
<td> </td>
</tr>
</table> Brakes the entire layout....., even if I set borders, padding, margins etc, it all makes no difference, the whole page just goes nuts. But I don't use anything at all in it to do with tables or even remotely close, so I don't know why a table or it's inner elements would cause issues. If you are using div/css with tables, you need to create a div class for your table. And the table need to be in that div. You can't just have a mixture of table and div/css in the root. If you know what I meant. CODE <html> <body> <div id="abc"><div> <table> <tr> <td> </td> </tr> </table> <div id="abc"><div> <table> <tr> <td> </td> </tr> </table> </body> </html> Something above will mess up the layout. I've tried it and it does for me. Put the table inside a <div> and it should solve the layout issue. So you can declare all kind of css attributes on abc div. At least it solve for me. Example below.. CODE <html> <body> <div id="abc"> <table> <tr> <td> </td> </tr> </table> <div> <div id="abc"><div> </body> </html> Comment/Reply (w/o sign-up)
Chesso
Nov 10 2007, 01:33 AM
Oh I see what you mean, I should have tried that. I just haven't had that issue before, it might be something specific to how the code/tags are layed out and branched. I have ended up using a simple but reasonably nice looking DIV table (even though it is for tabular data), but if I can get the tables to work, it would be much better source wise and give me more options with less garbage.
Comment/Reply (w/o sign-up)
Habble
Nov 10 2007, 04:49 AM
instead of <table>, try: <table cellpadding="0" cellspacing="0"> or <table style="border-width: 0px; padding: 0px; margin: 0px;">
Comment/Reply (w/o sign-up)
Chesso
Nov 12 2007, 11:24 AM
Well seen as it brakes the site up pretty badly, I guess some sort of alignment could be an issue. I did test out a few different possibilities, but with being capped on speed and especially this ISP (it's mostly great otherwise) it's not very stable when capped, so it is hard just to load up this page lol (let alone a CSS reference).
Comment/Reply (w/o sign-up)
Sten
Nov 12 2007, 10:01 AM
when i have troubles with tables the very first thing i do is make sure i have the cellpadding and cellspacing and both on 0. that always fixes any table problems i have, lol. oh and other problems i have i have to use colspan and valign. for your problem though im not sure.
Comment/Reply (w/o sign-up)
kelvinmaki
Nov 12 2007, 07:39 AM
QUOTE(Chesso @ Nov 10 2007, 01:33 AM) Oh I see what you mean, I should have tried that. I just haven't had that issue before, it might be something specific to how the code/tags are layed out and branched. Just wondering does the examples I've gave you work for the div/css against table? Just curious as it did for me even though it might not be the best solution. Cheers
Comment/Reply (w/o sign-up)
Arbitrary
Nov 12 2007, 12:24 AM
QUOTE instead of <table>, try: <table cellpadding="0" cellspacing="0"> or <table style="border-width: 0px; padding: 0px; margin: 0px;"> Well, if you're going to do the latter, you might as well put that in css. IE: <table class="info"> Then in your css file: .info { padding: 0px; margin: 0px; } Or, in a more generic manner, you can just specify what you want for tables: table { //layout info } And you can specify how you want to layout the table with the info class. Maybe it'd be better if you (Chesso) posted the code for the whole page so that people can get a better of idea of why the table is causing the page to break? I mean, it's true that you can emulate tables with divs, but I think it's better to use tables all the same. Also, maybe linking to the site would be better so that people can sort through things without looking at your php code.
Comment/Reply (w/o sign-up)
Quatrux
Nov 11 2007, 09:17 PM
QUOTE(Chesso @ Nov 10 2007, 11:16 AM) It would require too many files, they aren't simple HTML files, but much of PHP/mySQL, Javascript, CSS and XHTML. For my understanding, hmm, the only thing needed is the html output with some things removed to make it smaller and an explanation of the result you want to get in that html output, all the further coding how to achieve that in your php or whatever source code is another issue, but maybe it is just me and I don't get.
Comment/Reply (w/o sign-up)
Similar Topics
Keywords : html, table, issue,
- Good Books For Html And Css Beginners
(1)
Indentation In Html
(4) Whenever I start a new project one of the first things I do is put in a base index.php page. Yes,
it's a .php file, but I won't be looking at the PHP just yet. Normally, it looks a little
something like this: CODE Title
I've already got a few basics set out that I tend to stick to. For
instance, so far each of my projects has been XHTML Strict, which is why it's always up there.
Similarly, I use the same character set, and (at least initially) have two CSS files calle....
Style P And H? Html Tags
(2) Well, I have found that css was very hard to predict and precise control their apperance. When mix
and use the p and h? tags. Their apperaence were not identity. Place the h? tags within the p tag
causes style error on both firefox and IE. So, anyone should do it reserved, instead, place the p
tag with any h? tags will do the jobs on both browsers. Still learning it coz it much varies when
doing styles. Tested it on XHTML 1.0 Strict....
Yaml - (x)html/css Framework
(2) The YAML (Yet Another Multicolumn Layout) Framework is an excellent open source project that helps
you to create two or three columns (X)HTML/CSS floated layouts. This framework is very easy to use
and allows you to modifiy it to your own needs, this framework offers some tools for rapid
development of modern and accessible CSS layouts. QUOTE Yet Another Multicolumn Layout (YAML)
is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is
extremely versatile in its programming and absolutely accessible for end users. Based on w....
Sitepoint's Css And Html Reference Sites
(2) Recently the folks at SitePoint.com launched two excelent online reference sites for web designers
and developers, the first one is the SitePoint CSS Reference and the second one is the SitePoint
HTML Reference (Beta) . Both of them are free and available to anyone and everyone who needs to
lookup any information related to CSS and HTML in an easy and fast way. The SitePoint HTML
Reference (Beta) is still in progress. Also, both of them are very detailed and up-to-date on each
subject and are focused not only to beginners because they covers from general to advance....
Html Emails How?
(12) How on earth do you create HTML emails? I have been searching Google for some time now and can find
ABSOLUTELY no information what so ever on how to ACTUALLY create HTML content emails. It just a
bunch of programs and Microsoft applications, or testing facilities, I don't need any of this,
there must be some coding system to it? I tried emailing using basic direct HTML tags (like ), but
it fails (it just shows ), so how can I do this? I am not looking for anything really fancy, I
just want to use some basic bolding and font changes and things to make it look a ....
About Html
(15) How long did it take you to learn Html?? It took me about 2months to learn the basics lmao. I need
a tuturial that has it all or a website.i would like it if someone did it. Thats why i get my
friends to help me /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0"
alt="biggrin.gif" /> But they are nice friends thats why. Like 2 people have helped me Sten and
Habble Sten Owns www.habbofront.com which uses Asta as its host and www.habble-aus.com which uses
Asta as its host. so this must be a good host because 2 good sites that have expert Htmlers so need
he....
Html Stats
(3) Do you know how to get website stats in a html code?? Like The amount of people viewing the site at
the moment and stuff like that?? because i need to know. Thanks if you reply to this i am in need
for it. /tongue.gif" style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" />....
Stretching My Site Vertically
Using CSS or HTML (6) I know it's possible, I've seen it one time. But I forgot. Many websites, if they hold more
content than there is room for in the minimum height, the site stretches vertically. How can I do
this? I only know that I need a background image of 1px height. Thanks in advance MediYama....
Scripts And Html
(13) Hey /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif" />, In the
note pad, I put the proper code for php ?> and save the file as name.php But i can't put
that file in html. This is a big problem since Iam trying to make an online text based game. Whats
the code to put a script inside a web page. And do i need any special software for it? If so
where can i download it? Thanks for reading /biggrin.gif" style="vertical-align:middle" emoid=":D"
border="0" alt="biggrin.gif" />.....
Firefox Inventing Its Own Html?
(9) I am building a website for a client. I finally have the animations and the site content the way i
want it. I updated the site via FTP, and IE displays it perfectly. Firefox however displays my "work
in progress" animations still, even though the index file references the new animation. I have
cleared cache, and even looked up the site on different computers, and on every one, FF displays
those darn rough draft animations while IE works perfectly. Any idea as to what is going on here?....
Quick Tips On Html And Css
(11) Here are just some general tips, helpers and time-savers for HTML and CSS. HTML Ideally, you should
be working under the XHTML 1.1 doctype specification. Some reasons: Improved semanticism - make use
of the elements available appropriately to convey the information as it was intended. Improved
understanding - because of an increase in semanticism, it's easier for your audience to
understand what your trying to convey. Cleaner code - due to the deprecation of some elements and
the strict requirements of nesting, closing and structure, your code becomes much cleane....
Bulletproof HTML: 37 Steps To Perfect Markup
Excellent article that highlights and answers most FAQ about HTML (4) Hi, i want to share with everybody this excellent article at sitepoint.com that i just read, it
highlights and answers most FAQ about HTML, it's very consice and simply and for me it is a must
to read. You can read it at Bulletproof HTML: 37 Steps to Perfect Markup . Best regards,....
Home Videos
html code for home video (4) I was wondering if anyone knows how to turn a home video that is saved on your computer to that of a
html code so I can put it onto my myspace page... Please if anyone at all knows how to do this
please please help me!!!!....
A First Peep Into Html
(5) Dear friends HTML is the building block of any web page. Without it no pages can be written though
there are some exceptions. Even you got to have some knowledge of HTML to write dynamic web
applications. An HTML file is a text file containing small markup tags The markup tags tell the Web
browser how to display the page An HTML file must have an htm or html file extension An HTML file
can be created using a simple text editor HTML is acronym of Hyper Text Markup Language. This time
I will discuss about HTML tags. Dear friends HTML is the building block of any web pa....
Where To Find A WML To HTML Converter ?
(2) hello people, i need to convert few wml codings to html.. I have found plenty of converter that
convert html to wap. But none of my use.. Please guide me.. Thanks in advance....
HTML: Seems Like A Simple Problem, But I'm Baffled!
(4) i got this one question...I have this page http://ebiztip.com/thankyou.html with an image of the
book not coming out.....the image is named chapterm-big.jpg...but the image just want to hide....i
swear there's nothing wrong with the html....or am I wrong???....
Need Help With The HTML HR Tag
(5) Hi, does anybody knows which is the equivalent tag in CSS of the HTML HR tag or how do i replace
this. I need this because the HR tag is deprecated and i wanna validate a website. The code that i
need to replace is this: QUOTE best regards,....
HTML Editor
(23) I am sick of using notepad to create my HTML pages and I want somthing better. Are there any
programs available that are easier to use than notepad for html editing. If so i wolud like to know
about them. Thanx....
How Can You Spice Up Your Basic HTML Site ? Beginner Needs Help
(9) Well im new to this,and i know a person who knows how to do HTML,I of course dont lol,but I was
wondering with html can you change the way the sites you make on here look and ect..(put flash in
and w/e..)....
Get Input From Html/txt File?
with just html/css and maybe javascript? (2) I was just wondering if it's possible to retrieve text (and maybe images) from a .html or .txt
file. So for example you get the header and footer from an external file. Is it possible with just
html/css and maybe a little javascript or does it require server side scripting like php???
-=jeroen=-....
Here Are Some Html Tutorial Sites
(1) I think here is a very good HTML Tutorial : Rolling Eyes
http://www.allfreetutorials.com/htmltutorials.htm Also very competent : Rolling Eyes
http://www.yourhtmlsource.com/ Adequate one : Rolling Eyes http://htmldog.com/ Take a look and
you'll get all answers about HTML, CSS and Java-scripting. Laughing....
Where Can I Learn Html Codes ?
html codes (8) does anyone know a good website with html codes?....
Html Background Tutorial
(2) Back grounds are very essential in html and if you dont know how you can make a background on your
website then there is no use of creating one . First well start with the basics . Color Background
: If you want to change your backgrounds color you put this code in the body of the page : CODE
Where the ###### are you have to put a color code . Just put that in and save your page and
thats done . Image Backgrounds : The code below takes an image and puts it on the background on
the page : CODE Thats all but if you have any questions at all ab....
Where Can I Learn Advanced Html ?
(11) Well over a few years ive been picking up little bits of html and have slowly learnt quite a bit (to
my own surprise) But im still quite new and havnt found any sites that help much with advanced
html! /sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> If anyone knows of
sites that show mainly advanced html and maybe even a bit of java could they plaese post it im
desperate CHEERS!! /biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /> ....
Free Shoutbox? HTML, Flash or PHP Code
(25) does anyone know where i can find a free shoubox thats customisable? it can be in html, php or flash
format. thanks in advance paul....
Force Object To Load Last
html question (2) Alright html wizards...i've got a question ^_^ I assume that, like other programming codes, html
and php compilers read a code from top to bottom. Say I have a object though...and I want it to load
last...how do I do that? Let's just pretend I have an image that I do not want to load until
everything else on the webpage is loaded...how can I set that up? Is there perhaps a javascript code
for it...or maybe a CSS style I could add onto the object? Or better yet, is it possible to make
everything within a div/span/table tag load last? Another thing...if I leave an....
Html W/ Embedded Flash
How do I get rid of borders?? (9) Hey if any of you HTML wizzes out there could help me - I would greatly appreciate it. I am
designing some web site stuff with flash only. I know I know I should be using dreamweaver or
something else in addition - which I don't have access to on my computer here at work. When I
publish my files I can't get rid of the border around my swf file when I view it in a browser.
Is there any way to get rid of this $#%$ed border?? I have tried all the options I can find in
flash to no avail. I'm thinking there probably is some simple HTML code to get rid of the....
Embedding XML into HTML
(2) Hi, I am looking for a way to embed external rss/xml files into my html page, how/is this possible?....
Basic Tips and Tricks in HTML
(17) Here is some quick links for basic html coding... A quick and easy way to create your first web
page! -> The easiest HTML guide for beginners You'll learn how to create tables from real
examples. -> How to create TABLE? You will learn how to create frames from a real example.
You'll see how to create a borderless frame, how to specify the target frame, etc. -> How to
build FRAMES? Follow a few easy steps to add sound to your web pages. -> How to add sound to a
web page? This page tells you how to automatically load a visitor to another web page.....
Looking for html, table, issue,
|
See Also,
*SIMILAR VIDEOS*
Searching Video's for html, table, issue,
|
advertisement
|
|
