aquatsr
-
Posts
220 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by aquatsr
-
I would suggest a block of css versus an iFrame. To make the block scroll you must have something like below #boxthatscrolls {width: XXXpx;height: XXXpx;position: absolute;overflow: auto;} Plus your site will render much better in search engines!
-
I don't know what you're doing but in my experience it is better to use css for a table-like layout.
-
Oh yes, hacks... took me quite a lot of hours and... mild expletives towards IE to get the job done.
-
The guy asked specifically for tables... so i gave him tables...
-
Or just make a really big image... not recommended though for high loading times.
-
Learn absolute positioning using floats and margin: auto;Look to this site for a beginning tutorial.(URL: http://friendlybit.com/css/beginners-guide...and-standards/)
-
don't use iframe. just make a css stylesheet and do #virtualframe {position: absolute;width: XXpx;height: XXpx;overflow: auto; /* OR scroll OR hidden OR visible, only auto and scroll applicable here */} then in your html call it <div id="virtualframe">text here text here text here</div> Much easier and also better for site indexing.
-
/me agrees with S@m
-
Shorten the search box if you want it to stay lined up, also add this code to change the colors. <INPUT TYPE="text" SIZE="20" STYLE="background:00BFFF" STYLE="color:00ff00" VALUE="This text appears in the box"> Also see http://www.htmlgoodies.com/beyond/css/article.php/3470361 for more information.
-
Hah! I got it. Thanks reportingsjr, you were right. I just had to fiddle with my code elsewhere too.Here's the final code for anyone else who was interested: PM me if you want to use the code yourself. /* Hyperlink Colors for Top Navigation */a.top:link {color: white; background-color: #003366; text-decoration: none;}a.top:visited {color: white; background-color: #003366; text-decoration: none;}a.top:hover {color: white; background-color: #6699cc; text-decoration: none;}a.top:active {color: #003366; background-color: white; text-decoration: none;}/*Hyperlink colors for Side Navigation */a.side:link {color: blue; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}a.side:visited {color: blue; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}a.side:hover {color: blue; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}a.side:active {color: red; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}/* Page Layout */body {margin: 0 auto;width: 750px; /*733px*/height:800px;border: 0px solid black;overflow: hidden;}#topnav {float: right;width: 222px;height: 18px;border-left: 0px solid #6699cc;border-right: 0px solid #6699cc; /*Make individual buttons */border-top: 0px solid #6699cc;border-bottom: 0px solid #6699cc;overflow: hidden;background-color: #6699cc;margin-top: 1em;margin-bottom: 1em;margin-right: 1.1em;}#topad {float: left;width:738px;height:100px;margin: auto;/* margin {Top, Right, Bottom, Left} */}#topscroll {float: left;margin-left: 1em;width:710px;height:22px;overflow:hidden;border: 0px solid black;}#sidenav {float: left;margin: auto;width: 100px;height: 610px;clear: left;}#sidead {float: left;margin: auto;width:160px;height: 610px;}#content {float: left;width: 433px;height: 500px;overflow: auto;padding: 1em;margin: 2px 0px 0px 0px;}#bottomad {float: left;width: 468px;height: 65px;overflow: hidden;margin: 6px 0px 0px 0px;}#footer {float: left;width:726px;height:100px;font-size:8px;margin: auto;}
-
Hmmm that didn't seem to do anything.I made the width 850px, height 1000px, and margin auto, like so: <div style="width: 850px; height:1000px; margin:auto;"> and put </div> at the end. Basically all my layout and content is between those two tags. What I want it to do is when the user enlarges the browser window, for the layout to stay centered on the page, no matter what size the browser is.Suggestions?EDIT1: If it helps, this is what I have at the top: <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="en">
-
ok I have the code below, which is exactly the layout i want (finally learned some basic css). but i want that entire layout to be centered on all browsers, not matter that size the browser window is (browser type doesn't really matter as css complies w/ w3c coding for the most part)i know u can do something w/ floats, can someone explain further. /* Hyperlink Colors for Top Navigation */a.top:link {color: blue; background-color: white; text-decoration: none;}a.top:visited {color: blue; background-color: white; text-decoration: none;}a.top:hover {color: white; background-color: darkblue; text-decoration: none;}a.top:active {color: white; background-color: blue; text-decoration: none;}/*Hyperlink colors for Side Navigation */a.side:link {color: blue; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}a.side:visited {color: blue; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}a.side:hover {color: blue; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}a.side:active {color: red; background-color: white; text-decoration: underline; font-family: Arial; font-size:13px; font-weight:bold;}/* Page Layout */#topnav {position: absolute;left: 608px;top: 10 px;width: 222px;height: 18px;border: 4px solid white;overflow: hidden;background-color: darkblue;}#topad {position:absolute;top: 50px;left: 105px;width:738px;height:100px;/* margin {Right, Top, Left} */}#topscroll {position:absolute;top:150px;left:110px;width:726px;height:22px;overflow:hidden;}#sidenav {position:absolute;top:174px;left: 105px;width: 100px;height: 610px;}#sidead {position:absolute;top: 174px;left: 210px;width:160px;height: 610px;}#content {position:absolute;top: 174px;left: 371px;width: 433px;height: 500px;overflow: auto;/* border: 1px solid black; */padding: 1em;}#bottomad {position:absolute;top: 714px;left: 371px;width: 468px;height: 65px;overflow: hidden;}#footer {position: absolute;top: 800px;left:115px;width:726px;height:100px;font-size:8px;} Thanks!EDIT: please don't take code w/o permission as i have coded it all myself... no copy/paste
-
Actually, nvm. You can delete this topic now. I'm just going to learn css myself. However some good resources would be appreciated.
-
Don't know if it's the same as Notepad2, but Notepad++?
-
Well since you're using php...What I'd do is find out what table is being modified i.e. TABLE booksandwhat information in the table CAN be modified, i.e. title, author, isbn, publisher,and store those in respective variables i.e. $table, $title, $author, $isbn, $publisherand also find out who is executing scripts i.e. $user = johnsmith.Then in a table called log in your SQL database make some sort of a table like so: CREATE TABLE log (log_id INT(11) NOT NULL AUTO_INCREMENT,table_mod varchar(150),title_mod varchar(150),author_mod varchar(150),isbn_mod varchar(150),publisher_mod varchar(150),modded_by varchar(150),PRIMARY KEY (log_id)); Then whenever the primary INSERT query is executed, you can execute a query of your own that stores what the query modified in your database.Of course this depends on how your tables are set up in your database and looking back I actually wouldn't use my code up there ^^. But hopefully this helps you out.
-
Why not just drop the old table and query in the new one? If the table doesn't have too many fields it would take just a few seconds.
-
If you're more into the Blog aspect rather than the coding aspect (although you seem to have the coding down), you should look into the WordPress PHP/MySQL Blog management system.http://wordpress.org if you're interested.
-
OK, so I'm in the process of creating tables for my database. In my example I have a field for book title, book author, book genre, book release date, book language, book publisher, book excerpt, book added by (who added it to the system) and date added. Below is the initial tables query I cam up with (some tables have not been added yet).Can someone take a look at it and tell me how to go through at least the second and third normalization? And can someone explain what the fourth and fifth normalization are? Most beginning SQL books don't really go into it. CREATE TABLE users (user_id INT NOT NULL AUTO_INCREMENT,user_name VARCHAR(150),first_name VARCHAR(150),last_name VARCHAR(150),email VARCHAR(150),password VARCHAR(150),access INT NOT NULL,PRIMARY KEY (user_id));CREATE TABLE books (book_id INT NOT NULL AUTO_INCREMENT,book_title VARCHAR(150),author_id INT NOT NULL,genre_id INT NOT NULL,language_id INT NOT NULL,release_year_id INT NOT NULL,excerpt text,PRIMARY KEY (song_id));CREATE TABLE authors (author_id INT NOT NULL AUTO_INCREMENT,author VARCHAR(150) NOT NULL,PRIMARY KEY (author_id));CREATE TABLE genre (genre_id INT NOT NULL AUTO_INCREMENT,genre VARCHAR(150),PRIMARY KEY (genre_id));CREATE TABLE languages (language_id INT NOT NULL AUTO_INCREMENT,language VARCHAR(150),PRIMARY KEY (language_id));CREATE TABLE releaseyear (release_year_id INT NOT NULL AUTO_INCREMENT,release_year INT(4),PRIMARY KEY (release_year_id)); Thanks.