Jump to content

Search the Community

Showing results for tags 'CSS'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

  1. I created two containers in wordpress and inserted the code below. While the pictures display properly to alignment seems to be way off. I want them to be side by side. <!DOCTYPE html> <html> <body> <img src="http://reverseloansforseniors.com/wp-content/uploads/2017/03/Oldham1.jpg" style="width:350px;height:275px;"> </body> </html>
  2. Hello, I use W3 responsive layout (W3.CSS) and I am trying to create photo gallery. When displaying a single photo I want to have hover overlay above the photo so it is possible to navigate to previous / next photo. When hovered above left part of the photo < is displayed and when clicked goes to previous photo, same for > over right part of the photo. So far I managed to do that using relative/absolute/flex positioning but it is not responsive, the position stays the same when window size is smaller and messes up page layout. Image size, width is which matter, is not always
  3. I created a contact form inside a wordpress container using the column selection. When I apply the code only inside the container it changes the color of the entire page to that background color of the form. Also, the form has side by side fields but for some reason onilne the fields are stacked. See photos. As you can see in the first picture I removed the background color. Thank you.
  4. I am tryuing to click a button and then get cer tain members of a List to change their color. I would particularly like to know about using the "nth-child" property in some jquery. New File 2.html
  5. Yes, I am still using this menu for the mobile and tablet layout! http://www.w3schools.com/howto/howto_js_topnav.asp I would like to know how to do the following: I don't want a menu bar all the way across the screen on mobile and tablet layout. I want to do a slide from the side of the screen on mobile and tablet layout. Thanks.
  6. https://www.w3schools.com/w3css/w3css_grid.asp Hello. Basically I'm transforming my websites to use W3CSS as above (using the grid system) Ive got 1 subdomain all set up & its all go - Eveything working fine... however I am now working on a 2nd subdomain - ive copied the same w3.css file over to the second css directory... (i may put it in a global directory later on, so all my subdomains can access it..) Anyway, Im using the grid system, and also following the "try it yourself" area and all i get is 2 or 3 'grids' on top of each other - not side by side.... http
  7. One of the pages I've got for a mobile application is "shorter" than most phone screens. Since I've taken pains to use a color schema that does not use white backgrounds, is there any way to tell the browser what color to paint the otherwise undefined space? I'm using w3.css color tags in the body and want to match the background to the last container in the stack, so that any remaining whitespace is tinted. My first thought was to use the background-color property. I'm not sure if it plays well with w3.css tagging, and even if I color-code around that, it seems to conflict with the max
  8. I've got this responsive image gallery, made with W3.CSS <div id="portraits" class="w3-row tab"> <div class="w3-half"> <img src="img/img1.jpg" onclick="onClick(this)" style="width:100%;cursor:zoom-in"> <img src="img/img2.jpg" onclick="onClick(this)" style="width:100%;cursor:zoom-in"> </div> <div class="w3-half> <img src="img/img3.jpg" onclick="onClick(this)" style="width:100%;cursor:zoom-in"> <img src="img/img4.jpg" onclick="onClick(this)" style="width:100%;cursor:zoom-in"> </div>
  9. Hello, New here I am currently have 3 different stylesheets for my website: Desktop - layout.css is working fine. Tablet - tablet.css is also working fine. now I have a css for mobile which is mobile.css. On the mobile.css when I look the version on an iPhone 6 the navigation bar is so small. here is the index.html and mobile.css file: Mobile CSS File: body { margin: 0; background-image: url(../images/bg2.jpg); } img { max-width: 100%; height: auto; } ul.topnav { list-style-type: none; margin: 0; padding: 25px; overflow: hidden; background-color: #333; }
  10. I've spend a fair amount of time looking for an explanation of what "w3-closenav" does !! I see it used in examples and fiddle with it in the examples, however it would be nice if it was listed in W3.CSS references under "classes". I'm I missing where it is explained in english, or is it just not defined anywhere. Any help will be greatly appreciated. Thanks. sg.
  11. I am helping a friend who has a website, which I have made some years ago in Html and css. She would like to add a page, where users can get a logon and then be able to add some posts everyday. The posts are then visible for all the users. I have no idea about how to do this and would be very grateful, if someone could point me in the right direction.. Greetings from Lars Denmark
  12. Hello, I would like to ask if there is any tool which automatically simplifies the creation of external or internal styles from inline styles of a html page and make the appropriate changes into the html code. For example, I build html pages with a CSS framework and use inline styles. Instead of making a mysite.css file on my own, a tool parses the inline styles, creates an elegant and sophisticated css file, and makes the appropriate changes into the html page code. Thanks in advance.
  13. I'm a student, and currently busy with creating my own website, but now I've got a question which I can't figure out myself. My website is about professional cycling and on it I'll have the jerseys of the teams which I want to overlay when going over it with the mouse. I figured this out OK, but now it happens that if I move over it with my mouse, a big square overlays the picture (because it's a square picture with a transparent background) and I want that there is only an overlay over the jersey and not over the "background" of the picture. I hope you can help me! Need to fix this! Tha
  14. Why does the border on hover that appears on the 4 smaller pictures not fall exactly on the pictures edge, but at the bottom it is about 7px lower and leaves an empty space? http://www.mikroviologos.gr/test2 Thank you!
  15. I was told to always write Float left or right when putting something in the container just so it doesnt get messy later http://imgur.com/a/kZtoh i have no idea why its like that .can someone tell me is that suposed to happen if i put flaot or did i do something else wrong
  16. hi guys im starting to re- learn html and css and i came across options that are called Float(left right ..) and Clear both . i remember when i first learned about html and css i used that non stop but a friend of mine told me i should stop using that bcs there are other ways of adjusting something on the page without float or clear option. he said to use Flex box (not sure what that is but il check it out soon ) My question is why is it bad to use Float and Clear .Is it going to ruin the page in some way? Or does Flex box do what float and clear can and much more ?
  17. Hey all, I have got a jquery slideshow on my website which am trying to make the images in it responsive so that they can fit on tablets and mobile device screens, but it doesn`t work as expected. Kindly assist? HTML <div id= "hero"> <div id= "pager"> </div> <div id= "pause"> ≈ </div> <div id= "play"> Δ</div> <div id= "next"> 〉 </div> <div id= "prev"> 〈 </div> <div id= "slider"> <div class= "items"> <img src= "
  18. Hi All; The height element does not seem to be working as expected for the following example: http://www.w3schools.com/css/tryit.asp?filename=trycss_dim_max-height When I resize the window/browser, the div element does not change in height. I made a few changes to the code, adding a "border" to show the box better: <!DOCTYPE html> <html> <head> <style> div { max-height: 600px; min-height: 200px; background-color: powderblue; border : solid; } </style> </head> <body> <h2>Set the max-height and min-height of an
  19. Hi guys! I'm currently working on a new online store and i have a small issue that really bugs me. I'm using "font variant: small-caps" + "text-transform: lowercase" for the menu and all headlines (Font: "Questrial"). It looks great in Chrome and Safari on my Mac and almost as good on my Galaxy S6.. but Firefox, it looks like the small caps ate too much food. They are too thick! The body text is as far as i can see the same. I'm no expert, but i understand that the browsers render fonts (or the small caps in my case) differently. My question is if there is any way to work around thi
  20. Hi, here is a code. I want to make the .characteristics-quote to stay fixed when scrolling to the .characteristics-wrapper. But When the characteristics-wrapper class scrolling is finished the .characteristics-quote should be vanished. Can you please tell me how I can fix this ? Thank you in advance. <!DOCTYPE html> <html lang= "en-us"> <head> <meta charset= "utf-8"/> <title>About</title> <link rel= "stylesheet" type= "text/css" href= "font-awesome-4.7.0/css/font-awesome.min.css"/> <style type= "text/css"> body { margin: 0;
  21. Hi, here is a code. I want to make the .characteristics-quote to stay fixed when scrolling to the .characteristics-wrapper. But When the characteristics-wrapper class scrolling is finished the .characteristics-quote should be vanished. Can you please tell me how I can fix this ? Thank you in advance. <!DOCTYPE html> <html lang= "en-us"> <head> <meta charset= "utf-8"/> <title>About</title> <link rel= "stylesheet" type= "text/css" href= "font-awesome-4.7.0/css/font-awesome.min.css"/> <style type= "text/css"> body { margin: 0;
  22. Hi, I thank all of you in this forum because whenever I don't understand anything you people help me. Now I want to know something more. I know HTML, CSS, JavaScript and jQuery. Now I have started building an e-commerce shopping website. But I don't know how I will manage the data on this site, how I will request data from server,keep the recordings of the sales and products. Is there any way, I can complete my website with just javascript scripting language. Please have some dynamic suggestion for me. Thank you in advance.
  23. Hi, I am having some problem while creating a mega dropdown menu. I want the mega-dropdown-content to be divided to 4 column and 3column will be for the menu and rest 1 column will be for an image. But this is not the expected result. Here is the code. Please tell how can I fix it? Thank you. <!DOCTYPE html> <html> <head> <link rel= "stylesheet" href= "mega%20menu%20copy%20copy.css"/> <link rel= "stylesheet" href= "font-awesome-4.7.0/css/font-awesome.min.css"/> <style> .menu-container, .mega-menu, .nav, .nav li, .nav a, .nav div{ margin: 0; pad
  24. I've Found This Awesome Icons Stylesheet. It's Name Is Icofont,It Has +2000 Icons,And I Thought It Would Be A Good Idea If You Could Add It To Your Icons Tutorial. Here's Icofont Website Link: http://icofont.com A List Of Available Icons Can Be Found Here:http://icofont.com/icons
  25. Hi, I'm building a website and I'm wondering if I can use a stylesheet provided by W3schools for some elements on the site. This is the stylesheet http://www.w3schools.com/lib/w3.css Thanks,
×
×
  • Create New...