Jump to content

Felipe Ramalho

Members
  • Posts

    27
  • Joined

  • Last visited

Posts posted by Felipe Ramalho

  1. Layout.png

     

    Html Source

    <!-- Div container-->
    <div id="container">
    <div id="model">
    <a href="#"><img src="foto.jpg" alt="1"></a>
    </div>
    <div id="model">
    <a href="#"><img src="foto.jpg" alt="1"></a>
    </div>
    <div id="model">
    <a href="#"><img src="foto.jpg" alt="1"></a>
    </div>
    <div id="model">
    <a href="#"><img src="foto.jpg" alt="1"></a>
    </div>
    Css Source
    #container { background-color:#C2D1F0;}
    #model{
    width:35%; height:80%;
    text-align:center;
    padding-top:10% 2% 2% 2%;
    border-style:groove; border-width:medium; border-color:#0066CC;/* 0066CC - 0066FF*/
    float: left;
    }

     

     

    Please Send Source, If Possible send link to document

     

     

  2. You are concerned about the mid-banner? You want this to be a foreground or background image?

    In truth there.
    You helped me in Ultimo Topic, and he answers some of this Topic!
    / * To Align Image in Menu Mode * /
    # menu {text-align: center;}

    Since hes stated the left #menu i should have thought he want images in that centralized horizontal AND vertical align is the question? if it is just horizontal make the ALL UL and child elements block and us margin: 0 auto

    dsonesuk You said to do so!
    HTML '' Source ''
    <ul>
    <li> <a href=""> <img src="Photo1.png" width="80%";> </ a> </ li>
    <li> <a href=""> <img src="Photo2.png" width="80%";> </ a> </ li>
    <li> <a href=""> <img src="Photo3.png" width="80%";> </ a> </ li>
    <li> <a href=""> <img src="Photo4.png" width="80%";> </ a> </ li>
    </ ul>
    Css '' Source ''

     

    ul{ margin:0 auto; text-align: center;}

     

    That would be a Friend?

     

     

    I would say, if yuo want images on top, use z-index.

     

     

    Else, i would use padding, and fix it that way, utilising the auto capability.

    Article About Z-index would Below this?
    But the layout and all Created with%
    Z-index Method Works Well in Responsive Layout?
    ------------------------------------
    Friend another problem I've been having and Foot.
    How do I let him in the Final of the page.
    CSS Soruce Foot
    # foot {width: 100%; height: 15%;
    background-color: # 4A766E; border: 2px solid;
    position: absolute, top: 80%; left: 0%;}
    If I put Border: 2px; it does not get stuck in the bottom of the page it rises and leaves blank space at the bottom of the page.
    Can I use border: 2%? or that element should be used cm pixel?
    I am not able to leave the foot stuck in the Final of the page.

    Thanks for the Help Friends, I am awaiting =)

  3. Please post your code using the code tags. Based on your example, I'd use the padding property.

     

    Html

    <html><head>	<link rel="stylesheet" href="style.css"></head><body><div class="img"> <img src="logo.png" width="100%" height="100%"></div>

    Css

    div.img{margin:2px;border:1px solid #0000ff;height:20%;width:10%;float:left;text-align:center;}
    So I'm doing it is centralized, easier method would?
    Making this CSS Way
    div
    {
    margin: 2px;
    border: 1px solid # 0000ff;
    height: 20%;
    width: 10%;
    float: left;
    text-align: center;
    }
    This was not to be centered also because of the content DIV in html css has this as herença. So the img inside the DIV html should inherit Style
    Send me the Code the way you use.
  4. Example Below.

    Modelo.gif

     

    -------------------------------

    Within Div Menu
    Put a <ul> within each <li> put a picture.
    But The images are not centered within DIV MENU
    I need the images in Centralized Mid DIV menu.
    HTML
            <ul>	<li><a href=""><img src="Photo1.png" width="80%";></a></li>	<li><a href=""><img src="Photo2.png" width="80%";></a></li>	<li><a href=""><img src="Photo3.png" width="80%";></a></li>	<li><a href=""><img src="Photo4.png" width="80%";></a></li>	</ul>

    CSS

    #container{	width:97%;	max-width:960px;	min-width:800px;	margin:1em auto;	background-color:#EBC79E;} #menu{	width:10%; height:50%;	background-color:#238E68; border:2px solid; border-radius:5px;	position:absolute; top:20%; left:0%;}ul {list-style-type:none;}

    I need this picture in the middle of Centralized <div id = "MENU">

  5. Html Source
    <!DOCTYPE html><html>	<head>	<meta charset="utf-8">	<link rel="stylesheet" href="Style.css">	<title> W3Schools</title>	</head>	<body>	<div id="container">	<div id="business">Business</div>	<div id="menu">Menu</div>	<div id="mid">Mid</div>	<div id="foot">Foot</div>	</div>	</body></html>
    Css Source
    #container{	width:97%;	max-width:960px;	min-width:800px;	margin:1em auto;	background-color:#EBC79E;} #business{background-color:#8E6B23;}#menu{	width:15%; height:50%;	background-color:#238E68;}#mid{ width:50%; height:50%; background-color:#99CC32;}#foot{width:100%; height: 15%; background-color:#4A766E;}

    Example Layout

    Layout.gif

     

    Layout Desire! Using''%''
    I do not know how to operate the'''' HEIGHT
    I put all inside the div # container - And Still does not work.
    I need an explanation or the W3Schools Explaining this Article

     

  6. Percentages.

     

    EDIT:

     

    With you height and width properties

     

    Example

     

    image.gif

     

    Okay got% using leave Picture Adjustable Computer screen.
    But I could not do it aligar in the center!
    Need an Image Aligned Center - TOP
    I tried to use that background-position: center;
    Unlike my Language and Send Me Your Source to Comment if possible.
    Alignment Img must be Made in html or css?
  7.  

    Maybe the following CSS code will help you out.
    Feel free to ask any other question.

     

     

    Omg :Shock:

     

    Very Good - Gratz

     

    Você e Brasileiro? '' Adiciona Skype: Felipe.Ramalho ''

     

    How Do I
    # mid {
    background-color: # ff9;
    float: left;
    margin-left: 5px;
    width: 75%;
    height: 35%
    }
    Stay Centered in the Midst of the Index! ? ''
    Full Container Index, Middle ta full screen?
  8. Use % layout responsive
    HTML Source
    <!DOCTYPE HTML><html lang="pt-br"><head><meta charset="UTF-8"><link rel="stylesheet" type="text/css" href="estilo.css"><title></title></head><body><!-- Top --><div id="top"> TOP</div><!-- Menu  MID LEFT --><div id="midleft"> Menu Meio Esquerda</div><!--MID--><div id="mid"> BANNER</div><!-- Back --><div id="back"> RordaPé </div></body></html>
    CSS Soruce
    html, body {font-family: Verdana, Geneva, Arial, sans-serif; }margin:0; height: 100%;}#top{background-color: #bfb;position: relative;width: 100%;height:18%}#midleft{background-color: #ddd; position: relative; width: 12%;height: 65%;padding: 1%;padding-right: 2%;}#mid{background-color: #ff9;float: right;width: 75%;height: 35%}#back{background-color: #bfb;width: 100%;height: 7%;clear:both;}

    I need to make my layout like this!

    Sem_t_tulo_1.gif

    • Like 1
  9. body {font-family: Verdana, Geneva, Arial, sans-serif; height: 100%;}

    Sem_t_tulo_1.gif

     

    Want to do this!
    A Side Menu with 4 Items Inside.
    Each item would <a> and <img src="">
    The 4 Items Inside should self adjust.
    I do not understand your explanation.
  10. Next I have doubts!
    I'm trying to make the Rectangle MID Left
    HALF of the Page in the left corner.
    But I wish that this square is the Adjustable Screen Size.
    #midleft{background-color: #cccccc; position: relative; width: 12%;height: 50px;   % Percentage does not work here?border-color: #666; border-width: 2px; border-style: ridge; clear: left}
    Toward He Width12% Increase Agreement with Screen Size.
    But height does not fit with%
    How to Adjust the Height is the Screen Size?

     

×
×
  • Create New...