webuu
-
Posts
14 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by webuu
-
My goal is a simple cms. I do mean very simple. I would like to create a multi user gallery script. The only thing I need is for someone to be able to register, login, upload or delete an image, change password and basic profile information. The administrator login can add or delete users make same changes as users to profiles and at last, moderators who can do everything the administrator can except add and delete users. This is pretty straightforward I think. I have access to the book - PHP MySQL 24-hour trainer. It has a good explanation of how to create a simple cms, but I wanted to do all this without having to reinvent most of the steps. Is there some open source code that I can make use of. Keep in mind, that I would be rewriting everything from scratch, but I need something simple I can base the overall structure on. Nothing fancy, no custom css no styling, just a raw basic system. Any suggestions?
-
Oh, sorry, let me be more specific. You see the image that is in the code above? I would repeat the img tag maybe a dozen times so say there are 12 images 1 after another inside that box. The images - yes, can be different sizes, so the box should always size to fit the largest image. Also the profile box above the picture box has to resize automatically also. I can't figure out how to do this, even with the container.
-
That hides the resized image, I want the box to size around it.
-
I have the following webpage I am working on. If you set the image width to be larger than the box the image is in, it overlaps it. I would like the box to stay centered and to resize to the width of the image. The second problem is, that the "Profile" box above it, does not resize with it automatically. How can I fix those 2 problems? Here is the code <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> body { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 8pt; line-height: 2em; } #container { margin: 1em auto; width: 80em; } #profile, #pictures { border: 1px solid black; padding: 1em; } #pictures img { display: block; margin: 0 auto; } </style> </head> <body> <div id="container"> <b>Profile</b> <div id="profile"> </div> <b>Pictures</b> <div id="pictures"> <img src="" alt="Test" width="400" height="200" /> </div> </div> </body></html>
-
I would like to do exactly the same as this website. Here is a direct link http://www.pixeljoin...tm?sec=showcase If you click on the + under the image, watch how it scales. It looks good in IE and Firefox, but blurs in Chrome and etc. I would like to do exactly the same thing in php. To make it a perfect double scale everytime the user clicks on a + sign. Notice it scales multiple times. The point is, I searched the web on this and found that the graphics libraries available to php can do scaling but they all introduce bluring and etc. Does anyone know how this is done? The website in the example is written in ASP, so I can't ask the webmaster there for much help on this.
-
I am creating a layout. I have a left navigation box that has a right solid border, an auto width and a float left. I want to set the right border to go from the top all the way to the bottom of the browser window even if it is resized. If I set height to 100% it disappears. If I set the height to auto, then it's only as high as the content. I don't want to set a specific pixel size, because as I said I want to be able to resize the browser. I am using an xhtml doctype and IE8.
-
Yes, exactly what you said. This is what confused me at first. So the note you see -- is how the vector scaling algorithm keeps it's constraints. The possible sizes defined for a font referenced by the OS, is exactly that, a definiton that matches the algorithm. I don't know if a font designer can override that when designing a font, but it might be possible. That would create uneven sizes though when scaled between the proper sizes. So where 15 px would for example not scale because it needs to be at least 16 px, it would scale, but the scaling algorithm would be off-balance so to speak. So when a font designer selects the possible font sizes, it follows an automatic constraint based on the type specification. In most cases True Type or Open Type.
-
No answer yet, so I'll guess. Are bitmap fonts the only way to do this?
-
Thank's for the help. At the same time I was very busy working out this problem by searching the web. I wrote a small note in my web development notes, and I would like to share this. I hope it helps someone and it should also make it more clear on what I was trying to figure out. When selecting a font size, points or pixels are the best bet. After the font is set, em's should be used to set the relative size of that font. This is because em is the best unit for scalability. What was confusing was, why on a true type font there are different pt or px sizes depending on the browser. The obvious answer is simple, so you can set the font to a different size. However, when setting the relative font size in em's, you can not use any number you want. The number has to be within the font's scaling range. Even though the font can be set to any size, it has to be scaled accordingly. Here is the note I put together on fonts. Fonts and CSS: Using Internet Explorer 8 and Firefox 15.0.1 as a reference. IE8 default font is "Times New Roman", 16px = 12pt = 1em. Firefox default font is "Times New Roman", 16px = 12pt = 1em. When setting an initial font size, use units of pixels (px), or points (pt). After this, to set the relative size of the font, use units of em. On Windows 7, Notepad font sizes are listed as points, ie. 10pt = 13px. If a table of font sizes is not available when working on a webpage, Notepad can be used as a reference. 1 pt = 1/72". 72 pt = 1 inch. Windows 7 default dpi = 96 dpi. 96 px = 1 inch = 72 pt. To find the relationship, 96 / 72 = 1.333... Therefore at 96 dpi, 1 pt = approx. 1.3 px. 10 pt = 13 px, etc. The last part is what can be used to create a table. In a previous post in this thread there is a link to a table someone created, and according to the last part of this note, it is correct for CSS.
-
I looked into this more. I would like to finish this thread by asking some closing questions. I learned that em is the best unit to use for scaleable fonts. The info I got said that for example if a font is 12pt, then 1em = 12pt and 0.5em for example is 6pt. My closing question is about how awkward this is. Since a scaleable font is free to resize, then why are there different pt (point) sizes. Also, if I go in increments for example 12pt = 1em and then I do 1.1em, the font constrains and does not change in size. So there are ranges. So is it right that the different pt sizes are constraint sizes? Is there a maximum and minimum? (Then why is it scaleable), and etc. This might be overkill, but I fully want to understand what I'm doing when translating different font sizes. I hope that makes sense. Can someone clarify this for me? This helped also - http://reeddesign.co.uk/test/points-pixels.html.
-
I just read up on scaleable fonts. It's what I thought (vector fonts). What measurement system should I use for scaleable fonts when setting font-size? Also, how can you tell which fonts on your system are scaleable?
-
I did not know they were in point, thank you. What I'm driving at however is that there is no error checking in HTML or CSS. Even in document conformance, so I can for exactly input 13px and it will match the closest size I think, but this is very inefficient, so I was wondering what the best way is to plan an exact size. You mention that fonts are now scaleable. It sounds self explanatory, but what exactly is meant by scalable? Is that something specific to CSS3? or HTML5? or what exactly do you mean, they are now scaleable?
-
After IE8 it seems that IE9 and also Windows 8 will be using Clear Type automatically for font display. This is not good for me as it smooths the fonts to a level where it's not comfortable to look at. Is there a way to style a page that will allow you to see the font without smoothing? I am referring to IE9, but If it's possible, is this something that has to be done differently across browsers?
-
When using px to select a font size, how can I determine the supported font size for a particular font? For example when looking at the Courier font in the font settings of Notepad on Windows, 10, 12 and 15 are available. I'm not too familiar with font sizes, but I assume Notepads font settings use pixel size. Is there a way to be completely sure you have all available font sizes as you would use them in CSS on a given system?