Skip to main content

Forums

Forum Replies Created

Viewing 15 posts - 226 through 240 (of 390 total)
  • Author
    Posts
  • in reply to: Browser font re-sizing kills web layout #206135

    bearhead
    Participant

    chrome has separate controls for zoom and font size… I was changing just the font size, so that should be what the OP was meaning right?

    It looks like the font size control in chrome influences the default font size of a webpage. Therefore, it will affect any fonts not set to an explicit pixel height.

    check out this pen:

    and change the font-size in chrome. You’ll see that only the text without px font-sizing will change.

    in reply to: What drives you crazy about websites currently? #206132

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    This is for portfolio/freelancer websites specifically:

    Depicting one’s skills with a graph and percentage.

    I just don’t get it… if someone quantifies their skill with Photoshop as 80%, what does that even mean? Do they know literally 80% of everything about photoshop? or are they saying that they have 80% of the skill that the ultimate Photoshop god has?

    How can you quantify creativity?!

    Plus, what happens if a client/employer sees that and thinks to themselves; “oh, I really need someone with at least 90% skill in photoshop”

    o.O

    in reply to: Browser font re-sizing kills web layout #206131

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    Like I wrote in my previous post, you can prevent (at least) chrome from re-sizing fonts by setting the height in pixels. If you take a look at css-tricks with dev tools, you’ll see that fonts are given in pixel values.

    I would venture to guess that there isn’t a way to truly “disable” the size options in browsers because those are user based settings in a local software application. The idea of remotely altering settings in software installed on another’s computer is essentially what a virus does…

    in reply to: Browser font re-sizing kills web layout #206122

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    hmm… I’m going to have to contradict Paulie_D…

    I’ve only done a little testing with chrome, but it appears as though fonts with heights set in pixel values do NOT get re-sized by chrome. However fonts in em values do.

    I took a look at your site in the dev tools, and it does look like much of your font sizes are set using em values. If you don’t want those to be re-sized, set them explicitly with pixels.


    bearhead
    Participant

    This reply has been reported for inappropriate content.

    if the nav and social bars can be a set height, then it is also easy to achieve this with view units and calc():

    oh, and here is a way you can do it with dynamic heights for the nav and social bars:

    For the second example, if you want the sticky header like in famous.org, just give the header div fixed positioning, and a z-index of like 10 or something (so it stays on top of the social bar when it scrolls by).

    in reply to: php order by date #205644

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    Thanks for the suggestions. Yeah, datetime or timestamp columns would make alot more sense, however, the dates are coming in automatically from another source like “7/27/2015 12:00:00 AM”, so if I try to use something other than varchar, the dates get zeroed out.

    I supposed I could add an additional column that is not automatically populated, and then just type the date for each record in manually, but that kind of defeats the purpose of the automated system I was after…

    If I wanted to go the php datetime route, would that mean that I would have to get all the records into an array and then sort the array? I’m hoping to be able to sort them using SORT BY in my database query.

    in reply to: How to create site's page hierarchy with Folders? #205159

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    yes, for the example you gave, company.html would be in the “about” directory, which would itself be a sub directory of your site’s root.

    in reply to: Directory based gallery #205052

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    Like traq wrote, you can get and echo out an image’s exif data with php. I’m doing this on a website I currently maintain. The basic script for could look something like:

    <?php
    $exif = exif_read_data(YOUR FILE NAME);
    $copy = $exif[EXIF DATA TO READ (for example: 'copyright')];
    
    echo $copy;
    ?>
    
    in reply to: [Solved] Responsive nav menu not showing #203613

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    Try removing the absolute positioning on .navBar, and then either remove the absolute positioning on #menu-wrap, or change it to position:relative (whatever works best for you).

    I would as that in general, you are using positioning (especially absolute) too much. It is best to leave it as the default (position:static) unless you are after some unusual effect.

    in reply to: [Solved] Responsive nav menu not showing #203605

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    The root of the issue is the absolute positioning you had for #menu – the menu will show up if you remove it.

    I also changed some things to work better with codepen… in codepen you shouldn’t put in a document head and html tags. You can apply external style sheets from the css options (bootstrap is a quick-add option). Also it looked like you were trying to link the jquery library twice? There is really any reason to link it more than once… In codepen you should link external javascript (like the jquery library) under the javascript options.

    Finally, maybe you had a good reason for doing so, but I didn’t understand why you were prepending #menu-trigger with js? I don’t see any reason not to just add it to your html markup, so I did…

    in reply to: How can I make this "responsive"? #203546

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    Here is a start for you:

    Like Paulie_D mentioned, there were missing units in your css.

    Additionally, you were trying to position your menu items with margins, which was causing things to not look right on other screen sizes. To fix this, I removed the margins, gave your menu a max-width of 960px and centered it.

    I also added overflow-x:hidden to your body. The text “BANCOVIA” is too long on narrow screens, and was creating a horizontal scrollbar. You’ll need to use media queries to shrink that text on narrow screens.

    in reply to: Breadcrumb Chevrons CSS #203421

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    I believe the root of your issue is that ul.breadcrumb li a needs position:relative. Without that, your absolutely positioned pseudo elements are getting their positioning based on the body element.

    in reply to: Is there any way to host dynamic content in Dropbox? #203190

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    I’m not sure what kind of website you have, but if you’re just wanting a blog sort of thing, with templated pages, I believe you can use jekyll with github pages.

    in reply to: Gutters / Grid #203039

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    It depends on how your grid system is set up. If you are using margins for the gutters, then you need to take the gutter size into account when setting the column size. So a 1200 width grid with 12 columns and 20 px gutters (10 px left and right margins) would mean 80px width columns.

    You could also use padding to create gutters. If you applied “box-sizing” border box to the columns, then your columns could simply have a width of 100px, regardless of how wide your gutters are.

    in reply to: [Solved] Trying to get a:hover to work on link areas #202855

    bearhead
    Participant

    This reply has been reported for inappropriate content.

    On your hover selectors (#imap #b4 a:hover)

    remove the “a”, so it should just be #imap #b4:hover

    Also, if you’re targeting with ids, you don’t need #imap, you could just use #b4:hover.

Viewing 15 posts - 226 through 240 (of 390 total)
icon-link icon-logo-star icon-search icon-star