divinedesigns1
-
Posts
1,200 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by divinedesigns1
-
-
thanks, but this wouldnt be a real website, im just messing around with html to find different ways to create websites using divs and cssA little bit of explaining... First when you set the HTML to 100% its going to extend the whole box to the viewport. Then if you add any Padding or a Border to the 100% HTML it will then make the total size the viewport + padding + border which is larger than the viewport obviously. Then when you added overflow: hidden on top of that anything that did exceed the original 100% which is the viewport was hidden. The same concept is true for the body and any div you will ever do. I do not recommend ever adding padding or borders to the HTML or Body, and never make a border around your webpage cause it will never render correctly without javascript. Hope that helps.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Fully Div & CSS Website</title><style type="text/css">html {height: 100%;margin:0px;overflow: hidden;}body {height: 100%;margin:0px;padding:0px 20px 0px 20px;background:#000;border:1px solid #C00;}#main-wrap {height: 100%;margin:0px;padding:0px 20px 0px 20px;background:#fff;height:inherit;border:1px solid #C00;}</style></head><body><div id="main-wrap"><div id="secondary">This is the main wrap</div></div></body></html> -
ok, im having a problem with displaying the right side padding as it should the left side display all 3 layers of padding but when it comes to the right side it does not display any type padding on any of its layers i dont see anything with the css nor the html for this but ill put it below this sentence
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Fully Div & CSS Website</title><style type="text/css">html {width:100%;height:100%;overflow:hidden;margin:0px;padding:0px 20px 0px 20px;border:1px solid #C00;}body {width:100%;height:100%;margin:0px;padding:0px 20px 0px 20px;background:#000;border:1px solid #C00;}#main-wrap {width:100%;margin:0px;padding:0px 20px 0px 20px;background:#fff;height:inherit;border:1px solid #C00;}</style></head><body><div id="main-wrap"><div id="secondary">This is the main wrap</div></div></body></html>as you can see, the main-wrap, body and html have a left and right padding of 20px and a width of 100% but the padding doesnt display at all, can you check and let know if i did anything wrong? all opinions are accepted
-
prolly used js, ajax or jquery if the pages is html, wouldnt need php to make it look dymanic, it can also be php too
web design is sexy as ###### i can say sexy right? -
another problem was the menu got removed from being inline, besides that i dont see any other problem
-
i dont see anything wrong with it, i reduce it to 50% and it still look the same, only thing that happen was the right side of the image for the content was moved, besides that everything stayed the same
-
ok, ill tell you guys what im doing, i created a so called cms where i reply to emails within the cms and i would like all the contact messages i read to go from gray to red
-
ingolme answer it already, use the table element for that, off topic: will you be adding the information by yourself? or will it be added dynamically?it will be designed in table -
design it using the table only? or design it without the table?
-
hey guys, im trying to add a little more style to this so called email function, and i want to display if the email was readed or not how can i go about doing so?
-
theres a function in php which check to see if the email is real or not, im not 100% sure on how to write it but i believe its
filter_var($email, FILTER_VALIDATE_EMAIL);
im not good with js so i use php to validate pretty much everything
-
you can also use $_GET[] and once you define the $_GET[] add it into your query for table2 making sure table 2 have a column for table1 id and thats should solve the problem...........*i might be wrong also*
-
ok thanks, ill try that...but i have the post_id already in the comment tabel in the db, but ill try this one and see sup thanksjust to dig a little deeper, when you display a post on a page, one technique is have its unique id from the DB (say post_id, and ideally the primary key of the posts table) as a hidden field in the form that submits the comments. When someone comments, you add the comment to the comments table, and fill in a "post_id" column in the comments table, which is the value of that hidden field, and is a foreign key to the post table. This maps comments to posts. So whenever you display a post, you look in the comments table for all comments with a post_id that matches the post_id from the posts table. -
hey guys, im having a little problem getting the comments for 2 different post, to match up. i have comment 1 that belong to post 1, and comment 2 that belong to post 2, but it doesnt stay on the post it belongs, instead i end up with comment 1 n 2 on post 1 n 2. how can i get this right? i try $_get[id] but that still didnt work either. any idea?
-
hey guys can someone give me a simple but good ideal to create a program that uses if/else and while/do while? any simple program will do
-
yeah, i found the answer yesterday, it worked great now everything resizes hehehehehehe thanks ingolmeI believe you're looking for the background-size property. It's not supported in older browsers, though. The alternative is to use an <img> element with absolute position, 100% width and a negative z-index. -
well i have your source code in dreamweaver atm, and i move the meny div below the header div and when i mininize the browser it remain where it should be, im still trying to fix the part where your images are once i do ill give you the code so you can recode it
-
it isnt the css, its the html, looking at your source code its kinda outta place "to me"
-
hello, i am getting the hang of creating a resize able template, but i cant get the image that is set to its background to resize once the browser is resized also, how can i go about doing this?
-
well it never happen to me when i create a website, i can recreate the layout for you and email it to you if you wishNo it does not go to do with that. You appernatly cant help me. But would you know any web templates that look like this. With a header, middle content and footer stretch to the sides? -
try setting a width for the header, menu, content since i notice there isnt any at all
-
might want to change this (container)
margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;[/code to [codemargin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;[/code]
in the header you have padding-top: 85px; you can replace that with line-height instead (up to you tho) well thats all
-
how can i do that in JS?
-
hey guys, can anyone say how i can make my vertical scroll bar invisible but still allow it to be able to scroll?
-
challenging yourself is the best way to learn something, i do it all the time
even when it give me a headache ( js animation) lol but its fun tho im way better in php then i was a few years ago
web design is sexy as ###### i can say sexy right?
even when it give me a headache ( js animation) lol but its fun tho im way better in php then i was a few years ago
photo gallery confusion
in PHP
Posted
hello all nice to see u guys again, but i have a problem, how can i go about making a gallery which have 2 parts, first part is the big part which display all clicked photo and the second part which holds the small photos. that part is easy i need to know how to make the small photos display in the big part when i clicked on it