Search the Community
Showing results for tags 'css'.
-
Hello All, I have an upload script that I use to upload a photo to a folder and then save the file path to a database. Then I query the database to get the photo and put it where I want on my webpage. The question is what kind of technique should I best practice for outputting the images. More of less, I need them to all be the same shape in the similar containers, for example 400px by 300px, but need the container to take into consideration that the photos may be different aspect ratios or vertical as opposed to horizontal. Any suggestions??
-
Hello: The data is being generated from the data bases the main container is a "UL" tag, how I fix that error when one container having less data that following ones would layout to the bottom left? .tbl {width:31.5%;min-width:200px;height:auto;min-height:670px;display:inline-block;float:left;border:0;padding:5px 10px;font-size:95%;letter-spacing:1px;color:rgba(30,30,30,0.95);} .tbl {margin-bottom:10px;background:rgba(187,187,187,0.1);} that s the css for the UL tag. Thx...
-
Hello! I am using CSS to nest a menu on this page: http://pirantin.com/index.php It's not displaying correctly in ...wait for it... da da daaaa! Internet explorer! Yes, our old friend Microsoft is acting up again. Can anyone here suggest a way of getting around it. I think it WAS working, but I don't know what happened. :o/ Thanks, Neil
-
Hello: how to fix overflow:hidden for chrome and opera...?
- 4 replies
-
- css
- overflow:hidden
-
(and 2 more)
Tagged with:
-
Hello All, So I have a two column layout. The left column is 700px and the right 300px. In order to get them right next to each other I floated one left and the other right. The problem with that is the container that they are both in loses its 100% height. Is there another way to get them next to each other without floating them or do I have to use max and min height?? thanks guys!
-
Hi! (I am hoping I have placed this post in the right forum) I am having some issues with the Nivo slider. I have multiple sliders on the website (one that you can see just visiting the site and then a couple of others that are viewed when clients login). Anyway, the issue that I am having is trying to get the second slider (the one featured on the main site) to see the custom CSS that I wrote for it -- specifically in regards to the nivo-controlNav selector. Here is what i've tried: (the second slider ID is #mainSlider) #mainSlider .nivo-controlNav { position:relative; left:122px; top:12px; } I've also tried adding a z-index to this of 9999. I've also added custom css to the javascript: <script> $(document).ready(function() { $('nivo-controlNav).css('position','relative'); $('nivo-controlNav).css('left','122px'); $('nivo-controlNav).css('top','12px'); $('#mainSlider').nivoSlider({ effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 7000, // How long each slide will show directionNav: true, // Next & Prev navigation directionNavHide:true, //Only show on hover controlNav: true, // 1,2,3... navigation controlNavThumbs: false, // Use thumbnails for Control Nav }); }); </script> and so on. That didn't work either. Then, I went into the javascript file and tried to add a new class -- .nivo-controlNav2. However, I don't think I went about it the right way as it messed up the controlNav css for the other slider. I tried loading a custom theme in the <head> and then added this to the slider wrapper: <div class="slider-wrapper2 theme-mytheme"> After that, I made sure that my css had .mytheme listed first and then .nivo-controlNav listed after it. At this point, i'm frustrated. I've done everything that *I* know how to do and have scoured the internet for answers. Here is the site: http://diocesan.com/testsite Help! and thank you in advance for any help, suggestions or advice you can give.
- 2 replies
-
- nivo slider
- jquery
-
(and 2 more)
Tagged with:
-
Hi all, I'm trying to get the text "Borrow:", "+ Interest:" and "= You repay*:" to stay fixed while the values that displayed via javascript in the span tags change. The values in the span tags can have different lengths which means at the moment the text doesn't stay fixed. Anyone know how I can get the text to stay fixed while the values change? I've tried setting it to "absolute" but when the page is zoomed in on the text doesn't stay inline with the rest of the page. HTML: <div id="sliderToolResults_Borrow">Borrow: <span id="resultRequested" class="sliderResultBorrow"></span> </div> <div id="sliderToolResults_Interest"> + Interest: <span id="resultInterest" class="sliderResultInterest"></span> </div> <div id="sliderToolResults_Repay"> = You repay*: <span id="resultTotal" class="sliderResult"></span> </div> CSS: #sliderToolResults_Borrow { position:relative; left: 50px; top: -30px; font-style:italic; float: left; } #sliderToolResults_Interest { position:relative; left: 70px; top: -30px; font-weight: 100; float: left; } #sliderToolResults_Repay { position:relative; left: 140px; top: -30px; font-weight: 100; float: left; } #sliderrepay { position: absolute; } #sliderBorrowResult { color: #ff9900; position:relative; left: 45px; bottom: -5px; } #sliderInterestResult { color: #ff9900; position:relative; left: 45px; bottom: -5px; } #sliderRepayResult { color: #ff9900; position:relative; left: 450px; bottom: -5px; } Any ideas? Any help would as always be appreciated. Cheers, CaptainChainsaw
-
hello, im looking to add some automation to my css... what im looking for, eventually, is for it to automatically detect when theres a th tag, and select the tds thereafter... however, for some reason, its not even detecting the tables with th's... what am i doing wrong? <!DOCTYPE html> <html> <head> <style type="text/css"> table~th{ background:red; } </style> </head> <body> <table> <tr> <th>test</th> </tr> <tr> <td>test2</td> <tr> </table> </body> </html>
-
i wanna start designin an index.html page and this is the first time im doing it , i want to cut the page elements into a bunch of div tags then filling them with whatever i want later , i just want to know what im doing wrong and what right and how to make the code work for any screen size ! any comment about the code will be helpful cuz i want to move on and fill everything and i dont want to make some big mistake now ! index_off.html index_off.css
-
Hello Everyone, This is Trisha, and I would like to know about the UI and UX of our website, you can visit our website from here: https://themeselection.com If you want to rate our website then you can do it from here: https://www.csswinner.com/details/themeselection/16567 Thanks!
-
Using the h1, h2, and h3 with the following info in css (a,b and c) (titlte1, title2 and title3). I am not sure if I have done it correct in css, need help to find out what I an doing wrong, or did I missing something. html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { margin: 0; font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } h1 .aa{ /* use to make text glow in dashboard.php */ background-image: url("move.gif"); background-size: cover; color: transparent; -moz-background-clip: text; -webkit-background-clip: text; text-transform: uppercase; font-size: 80px; margin: 5px 0; } h2 .bb { /* use to make text glow in dashboard.php */ background-image: url("move.gif"); background-size: cover; color: transparent; -moz-background-clip: text; -webkit-background-clip: text; text-transform: uppercase; font-size: 40px; margin: 10px 0; } h3 .cc { /* use to make text glow in dashboard.php */ background-image: url("move.gif"); background-size: cover; color: transparent; -moz-background-clip: text; -webkit-background-clip: text; text-transform: uppercase;y font-size: 40px; margin: 10px 0; } .title { font-family: 'Comic Neue', cursive; text-align: center; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; height: -1vh; letter-spacing: 1px; line-height:2 } .title1 { /* use to make text glow in dashboard.php */ font-family: 'Coming Soon', cursive; text-align: center; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 20vh; letter-spacing: 1px; line-height:2 } .title2 { /* use to make text glow in dashboard.php */ font-family: 'Allerta Stencil'; text-align: center; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 1vh; letter-spacing: 1px; line-height:2 } .title3 { /* use to make text glow in dashboard.php */ font-family: 'Kanit', sans-serif; text-align: center; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 10vh; letter-spacing: 1px; line-height:2 } <div class="row"> <div class="col-12 col-sm-6 col-md-5"> <div class="info-box"> <div class="info-box-content"> <h1 class="cc" "title2">aaaaaaaaaaaaaaaaaaaaaaaa</h1> </div> </div> </div> <div class="col-12 col-sm-6 col-md-5"> <div class="info-box mb-3"> <div class="info-box-content"> <h2 class="cc" "title2">AAAAAAAAAAAA</h2> </div> </div> </div> </div> <div class="col-12 col-sm-6 col-md-4"> <div class="info-box mb-3"> <div class="ms-3"> <h2 class="bb" "title2">AAAAAAAAAAAABBBBBBBBBBBBDDDDDDDDDDD</h2> </div> </div> </div> ReplyReport It should look like the 2 screenshots
-
I am trying to identify the style.css through the config file then bring into the project using the include command. I can get the project to tell me which css style is listed but it is not actually linking the css. Is this possible or am i wasting my time. I want to do it this way so that I can change the style.css if required and it pick up the new details without the need to clear cache to implement changes. ####### CONFIG.PHP <?php //EXTRA PARAMETERS $sitename = "DEMO SITE"; $timezone = "Australia/Brisbane"; //Set for head office location $stylecss = "../include/style.css"; $loginurl = ""; // default landing page for login $logoimg = ""; $logoimg_params = "height='50px', width='100px'"; ?> ####### INDEX.PHP <?php session_start(); include('include/config.php'); include('include/edb.php'); ?> <!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><?php echo $sitename?></title> <link href="<?php echo $stylecss?>" rel="stylesheet" type="text/css" /> </head>
-
Thank you for your time. I am not sure where this really belongs the HTML, CSS, Application Design or one of the PHP topics. So I figured I would post here. In my search I have found topics that come close to my question but have not provided a fix for my issue. So I'm asking for help. That and I am a beggining Web Developer. Problem: the php includes I use are not displayed on web pages in subdirectories. If I add ../ to the php include so it is like this: <?php include ("../menu.php"); ?> on the newpage.php only some of the included files are shown on the page in the subdirectory. All links on the file newpage.php now act as though they were written <a href="../menu.php">link</a> and don't work. They are acctually written <a href="menu.php">link</a>. Directory & Files / index.php header.php footer.php menu.php <!-- contains all links for site --> style.css subdir/ newpage.php newpage.php include code <div id="links"> <?php include ("menu.php"); ?> </div> Question? How do I fix it so that the menu.php and other included files are shown on the subdir pages? How do I make the links properly reflect the location. Since absolute or relative pathing appears to muck it up. FYI: I do not have CLI access to the server. Only ftp access. Thanks again for any help you may provide.
-
In general if I know how to do something I want to do I can code it in a language I'm less than fluent in, if I am fluent in a language I can figure out how to code something I want to do but don't know very well how to do it, but this time I have almost no clue how to do what I want to do and very limited fluency in JS. I want a script that will slowly fade from one color (red, green, blue, white, black) to a neutral color (grey) and then fade into one of the randomly selected other 4 colors. Then repeat. Forever. So like Rd>gy>wt>bu>gy>bk etc. I have no clue what to do, if you can help I will be grateful for all time. Oh, and I need to make sure the text color is always contrasting so it can be read, so I need to adjust that too?
- 6 replies
-
- javascript
- css
-
(and 1 more)
Tagged with: