HTML - CSS

Place to talk about website HTM elements, CSS style and design, and get help with HTML, CSS codes.

  1. » JanMolendijk
    I want to moderate my textboxes with icons
    for this i have this script but i can`t place 3 icons
    meight you could support me... how to do...
    Last post » JanMolendijk
    I found an answer to work with classes


  2. » mlucicom
    On the page armouro.com the navbar doesn't have opacity 0 . Can You tell me how can i edit this please ?
    Last post » Admin
    Sorry, I not know bootstrap.
    I can try to help if you post the html and css code with the opacity you have set for that navbar.


  3. » niceman
    Hi
    I would like to know where on my page to paste ads from google it display in this place:

    IMG (Is so big, so i don't use img tag):...
    Last post » Root13
    Thanks for an explanation and details)


  4. » mluci12
    Hello! i have this page (autobelgia.ro/submit3.php). All words are written in uppercase.How can i edit this ?
    Last post » Admin
    Hello,
    Where in that page are all the words in uppercase (put a screenshot, or copy-paste that text), because I saw in that page normal text, with...


  5. » mluci12
    I have this code
    <section class= b-search >
    <div class= container >
    <h1 class= wow zoomInUp data-wow-delay= 0.3s >UNSURE WHICH...
    Last post » Admin
    Those elements are set display:inline; , but the problem is from their width . They have set: width:33.3% but there are 4 elements, so, put width:24%...


  6. » mluci12
    Look at mluci.com/d/cont.php .The scroll up burton don't view. He is behind.Why?
    This is the css code:
    /* BackToTop button css */
    #scroll {...
    Last post » Admin
    Hi,
    It is not viewed because it has display:none; . Delete the display:none; from html and css; and add: z-index:9999; in css to #scroll.


  7. » mluci12
    Hello! How can i create a button like scroll up to redirect to a html page when is clicked.
    Last post » Admin
    Hi,
    What did you try? What code you have?
    I think you can make that button a simple <a> link:
    <a href= page.html id= btnid title= Some...


  8. » mluci12
    How can i block this form sending if user not select option?
    <form method= GET action= search.php >
    <select name= Type >
    <option...
    Last post » Admin
    Hi
    Try with the required attribute in the form element you want to be required.
    Example:
    <form method= GET action= search.php >
    <select...


  9. » PloMar
    I have 3 strings (with different sizes) next to each other on the same line.

    Some Big text Here Middle text Other string, smaller

    How can I...
    Last post » MarPlo
    Hi,
    By setting vertical-align and line-height , you can center vertically the strings on the same line.
    Example:
    <style>
    .text_line {...


  10. » PloMar
    I have these four Divs:
    <div class= dv1 >DIV 1</div>
    <div class= dv2 >DIV 2</div>
    <div class= dv3 >DIV 3</div>...
    Last post » MarPlo
    Try changing the order of the HTML and use the css code from this example:
    <style>
    .dv1 {
    height:30px;
    float:left;
    width:45%;...


  11. » PloMar
    Hello
    I have the following html code. I try to center vertically a text next to an image, both into a Div.
    <div>
    <img src= image.jpg...
    Last post » MarPlo
    Hi,
    Try to add vertical-align: middle; to both elements; <img> and text.
    And, if you want to have multiple lines of text centered vertically...


  12. » PloMar
    I have two DIVs inside a container. Like this:
    <div class= container >
    <div id= dv1 >Div 1</div>
    <div id= dv2 >Div...
    Last post » MarPlo
    You can try the code from this example (using text-align: center; on .container, and display: inline-block; for children divs).
    <style>...


  13. » PloMar
    I have a text and an input field in a table cell. The column with that cell has fixed max-width (150px), the problem is that the text exceeds the...
    Last post » Admin
    Set in css the dimensions for the table and its columns, and define the width of the elements which are in the table cell to be less than the column...


  14. » PloMar
    I have a Div and a Button that uses JavaScript to alternate the class of the Div to hide and show . The hide class has display:none; to hide the Div...
    Last post » MarPlo
    The display: none; and display: block; are executed instantly, from what I know, you cannot animate them with only CSS. But to achieve the animation...


  15. » PloMar
    I'm using placeholders for input fields which is working out just fine. But I'd like to use a placeholder for select options list as well.
    Of course...
    Last post » MarPlo
    Add the disabled and selected attributes in the first <option> used as placeholder.
    - disabled : stops the Option being selected with both...


  16. » PloMar
    I have an input element with placeholder attribute, like this:
    <input type= text name= yname placeholder= Some text />
    How can i change the...
    Last post » MarPlo
    This will style all input and textarea placeholders.
    - Note: Do not group these rules into a selector. Make a separate rule for every selector ....


  17. » MarPlo
    Is there a way to set thumbnail image on HTML5 video?
    I want to display some pictures before play. My code looks like this:
    <video width= 500...
    Last post » Admin
    Just add the poster= image.png attribute to the video tag.
    <video width= 500 height= 280 poster= your_image.png controls>
    <source src=...


  18. » MarPlo
    Hello,
    Is it possible to set same height as width (ratio 1:1) for a html element with dynamic /fluid width, using css?
    HTML:
    <div id= parent...
    Last post » Admin
    Simple and neet : use vw units (viewport units) for a responsive height/width according to the viewport width.
    In this example, CSS does 80% of the...


  19. » MarPlo
    I have a parent Div and another Div inside, as child element.
    The parent Div has set a background-color property, and i want to have the child Div...
    Last post » Admin
    The default value for background-color propety is transparent , not the none .
    Also, the background property is not inherited by children by...


  20. » MarPlo
    I'm trying to center a html 5 canvas using css margin properties.
    This is the code, but it doesn't work.
    <!doctype html>
    <html lang= en...
    Last post » Admin
    Make the canvas a block-level element, with: display: block; (by default, canvas is an inline element).
    This code works:
    <!doctype html>...


  21. » Marius
    Hello
    I'm using this simple html code:
    <html lang= en >
    <head></head>
    <body>
    <a href= # title= This is some info for...
    Last post » Admin
    You cannot hide /prevent the original title behavior with CSS only.
    But you can change the title attribute to e.g. data-title in your HTML, then...


  22. » Marius
    I have a parent div and three children. i want one to float left of parent, one to be in exact center of parent, and one to float right of parent....
    Last post » Admin
    In your HTML, move the right-floated element before the element you want it to float around.
    <div id= board_container >
    <div id= board1...


  23. » Marius
    Hello,
    In a column in the html table I have a text with reference to an image. How do I make when the mouse is over that column to appear a tooltip...
    Last post » Admin
    Hi,
    It can be made with HTML and CSS.
    The data in that column is added into a Div, together with the image for the tooltip. In CSS is defined the...


  24. » Marius
    I have created an unordered list, and I want to remove the bullets.
    Is it possible to have a list without bullets?
    Last post » MarPlo
    Hi
    You can remove bullets with a CSS style like this:
    ul {
    list-style-type: none;
    }
    You might also want to add padding:0; margin:0; to that, if...


  25. » Marius
    Hi
    Which is better to use:
    <input type= button />
    Or:
    <button></button>
    What are the main differences between the two, if any?...
    Last post » Admin
    Hi
    From what i found on the internet.
    You can put html into a <BUTTON> tag, for example an image, or other tags, and it is much easier to...