Volver al Foro de Diseño de páginas Web

¿Cómo puedo editar esta CSS?

  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 2:25 pm

Este es mi HTML.

Código: [ Select ]
<!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=iso-8859-1" />
<title>Invention Template</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="content">
    <div id="header">
     <div id="logo">
    CHURCH IMG HERE
     </div>
     <div id="links">
        <ul>
         <li><a href="#">Home</a></li>
         <li><a href="#">Youth Group</a></li>
         <li><a href="#">Sermans</a></li>
         <li><a href="#">Contact Us</a></li>
        </ul>
     </div>
    </div>
    <div id="mainimg">
     <h3>Kipling Baptist Church</h3>
     <h4></h4>
    </div>
    <div id="contentarea">
     <div id="leftbar">
        <h2>Welcome</h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id nisl nec leo congue fringilla. Suspendisse potenti. Phasellus sed velit eget sapien interdum ultrices. Nullam nec magna. Maecenas cursus. Etiam sapien neque, auctor eu, volutpat at, condimentum et, odio. Morbi id lorem. Nam urna ante, venenatis sed, molestie eu, dictum sit amet, tellus. Phasellus pellentesque magna vitae elit. In dignissim eleifend odio. Curabitur at libero. Donec est justo, pellentesque eu, vulputate feugiat, ultrices quis, nunc. Sed neque. Nulla egestas, risus id consectetuer ultrices, ante turpis posuere ligula, ac pulvinar tortor dui ac odio. Curabitur auctor urna sed purus. In varius.</p>
        <br />
        <p>Nulla sit amet magna non enim posuere porttitor. Vestibulum ante. Nam et nulla vestibulum libero facilisis aliquet. Vivamus ante velit, facilisis eu, pulvinar nec, ultricies vel, sem. Morbi ac velit. Sed est. Proin vehicula. Maecenas ac pede. Fusce rhoncus. Maecenas at quam. Aenean nunc felis, elementum vel, faucibus vitae, nonummy et, tellus. Nulla auctor venenatis urna. Donec accumsan urna sed libero. Fusce at mi eu leo sollicitudin adipiscing. Ut metus purus, gravida nec, scelerisque quis, venenatis non, ante. Aliquam a leo vel libero tempus scelerisque. Morbi iaculis. Ut libero. </p>
        <br />
        <a href="#">more ></a><br />
        <br />
     </div>
     <div id="rightbar">
        <h2>latest news</h2>
        <p><span class="orangetext">February 6th 09</span><br />
         Meet at the ******* house 7:30 til 10:00 and get ROOTED.
     A time to look at Blizzard, God’s word, talk about Daniel/Danielle, and spend time together.
     *If anyone bought the new Life Support CD, would you please bring it!!! Thanks.
         <br />
         <br />
         <span class="orangetext">February 13th 09</span><br />
         Meet at the ******* house 7:30 til 10:00 and get ROOTED.
     OK, so let’s make it a RED night. Let’s see what you’ve got!
     Subject: MY BODY, YOUR HOME
     Get ready to dive into God’s word.

         <br />
         <br />
         <span class="orangetext">February 20th 09</span><br />
         Meet in Kipling from 7:30 til 10:00.
     February 22nd is YOUTH SUNDAY …
     So we’ll … sing a few songs, do a little prep, act a little skit, and so on …
         </p>
     </div>
    </div>
    <div id="bottom">
     <div id="email"><a href="mailto:************">Contact *******</a></div>
     <div id="validtext">
     </div>
    </div>
</div>
</div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <title>Invention Template</title>
  6. <link href="css/style.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body>
  9. <div id="wrapper">
  10. <div id="content">
  11.     <div id="header">
  12.      <div id="logo">
  13.     CHURCH IMG HERE
  14.      </div>
  15.      <div id="links">
  16.         <ul>
  17.          <li><a href="#">Home</a></li>
  18.          <li><a href="#">Youth Group</a></li>
  19.          <li><a href="#">Sermans</a></li>
  20.          <li><a href="#">Contact Us</a></li>
  21.         </ul>
  22.      </div>
  23.     </div>
  24.     <div id="mainimg">
  25.      <h3>Kipling Baptist Church</h3>
  26.      <h4></h4>
  27.     </div>
  28.     <div id="contentarea">
  29.      <div id="leftbar">
  30.         <h2>Welcome</h2>
  31.         <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut id nisl nec leo congue fringilla. Suspendisse potenti. Phasellus sed velit eget sapien interdum ultrices. Nullam nec magna. Maecenas cursus. Etiam sapien neque, auctor eu, volutpat at, condimentum et, odio. Morbi id lorem. Nam urna ante, venenatis sed, molestie eu, dictum sit amet, tellus. Phasellus pellentesque magna vitae elit. In dignissim eleifend odio. Curabitur at libero. Donec est justo, pellentesque eu, vulputate feugiat, ultrices quis, nunc. Sed neque. Nulla egestas, risus id consectetuer ultrices, ante turpis posuere ligula, ac pulvinar tortor dui ac odio. Curabitur auctor urna sed purus. In varius.</p>
  32.         <br />
  33.         <p>Nulla sit amet magna non enim posuere porttitor. Vestibulum ante. Nam et nulla vestibulum libero facilisis aliquet. Vivamus ante velit, facilisis eu, pulvinar nec, ultricies vel, sem. Morbi ac velit. Sed est. Proin vehicula. Maecenas ac pede. Fusce rhoncus. Maecenas at quam. Aenean nunc felis, elementum vel, faucibus vitae, nonummy et, tellus. Nulla auctor venenatis urna. Donec accumsan urna sed libero. Fusce at mi eu leo sollicitudin adipiscing. Ut metus purus, gravida nec, scelerisque quis, venenatis non, ante. Aliquam a leo vel libero tempus scelerisque. Morbi iaculis. Ut libero. </p>
  34.         <br />
  35.         <a href="#">more ></a><br />
  36.         <br />
  37.      </div>
  38.      <div id="rightbar">
  39.         <h2>latest news</h2>
  40.         <p><span class="orangetext">February 6th 09</span><br />
  41.          Meet at the ******* house 7:30 til 10:00 and get ROOTED.
  42.      A time to look at Blizzard, God’s word, talk about Daniel/Danielle, and spend time together.
  43.      *If anyone bought the new Life Support CD, would you please bring it!!! Thanks.
  44.          <br />
  45.          <br />
  46.          <span class="orangetext">February 13th 09</span><br />
  47.          Meet at the ******* house 7:30 til 10:00 and get ROOTED.
  48.      OK, so let’s make it a RED night. Let’s see what you’ve got!
  49.      Subject: MY BODY, YOUR HOME
  50.      Get ready to dive into God’s word.
  52.          <br />
  53.          <br />
  54.          <span class="orangetext">February 20th 09</span><br />
  55.          Meet in Kipling from 7:30 til 10:00.
  56.      February 22nd is YOUTH SUNDAY …
  57.      So we’ll … sing a few songs, do a little prep, act a little skit, and so on …
  58.          </p>
  59.      </div>
  60.     </div>
  61.     <div id="bottom">
  62.      <div id="email"><a href="mailto:************">Contact *******</a></div>
  63.      <div id="validtext">
  64.      </div>
  65.     </div>
  66. </div>
  67. </div>
  68. </body>
  69. </html>



Esta es mi CSS

Código: [ Select ]
html, body {
    margin: 0px;
    padding:0px;
    background-image:url(../images/bg.gif);
}

h1, h2, h3, h4, h5, h6, p, form {
    margin: 0px;
    padding:0px;
}

#wrapper {
    width:800px;
    margin:0px auto;
    background-color:#FFF;
}

#content {
    width:778px;
    margin:0px auto;
    background-image:url(../images/bg_header_top.gif);
    background-repeat:repeat-x;
    background-position:top;
}

#header {
    height:96px;
}

#logo {
    width:258px;
    float:left;
}

#logo h1{
    font-family:"Trebuchet MS";
    font-size:26px;
    color:#F76B0C;
    font-weight:normal;
    text-decoration:none;
    padding-left:40px;
    padding-top:30px;
}

#logo h4 {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#808080;
    font-weight:normal;
    text-decoration:none;
    padding-left:75px;
}

#links ul {
    margin:0px;
    padding-top:67px;
}

#links li{
    float:left;
    list-style-type:none;
    width:129px;
    height:25px;
    text-align:center;
    background-color:#F4A80A;
    border-left:1px solid #FFF;
    padding-top:4px;
}

#links a{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
}

#links a:hover{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:underline;
}

#mainimg {
    background-image:url(../images/main_img.jpg);
    background-repeat:no-repeat;
    height:132px;
    text-align:right;
}

#mainimg h3 {
    font-family:"Trebuchet MS";
    font-size:48px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:20px 40px 0px 0px;
}

#mainimg h4 {
    font-family:"Trebuchet MS";
    font-size:18px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:0px 40px 0px 0px;
}

#contentarea {
    clear:both;
    padding:25px 0px;
}

#leftbar {
    float:left;
    width:539px;
    border-right:1px solid #BCBDBC;
}

#leftbar h2{
    font-family:"Trebuchet MS";
    font-size:26px;
    color:#EE8907;
    font-weight:normal;
    text-decoration:none;
    padding-left:40px;
    padding-bottom:5px;
}

#leftbar p{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#797B7A;
    font-weight:normal;
    text-decoration:none;
    padding:0px 40px;
}

#leftbar a {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#EE8907;
    font-weight:bold;
    text-decoration:none;
    padding:0px 40px;
}

#leftbar a:hover {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#000;
    font-weight:bold;
    text-decoration:none;
    padding:0px 40px;
}

#rightbar {
    float:left;
    width:237px;
}

#rightbar h2{
    font-family:"Trebuchet MS";
    font-size:26px;
    color:#797B7A;
    font-weight:normal;
    text-decoration:none;
    padding-left:25px;
    padding-bottom:5px;
}

#rightbar p{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#797B7A;
    font-weight:normal;
    text-decoration:none;
    padding:0px 25px;
}

.orangetext {
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#EE8907;
    font-weight:bold;
    text-decoration:none;
}

#bottom {
    clear:both;
    height:32px;
    padding-top:25px;
}

#email {
    float:left;
    width:500px;
    background-color:#9BBE00;
    height:27px;
    padding-top:5px;
}

#email a{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:underline;
    padding:0px 40px;
}

#email a:hover{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    padding:0px 40px;
    
}

#validtext {
    float:left;
    width:278px;
    background-color:#9BBE00;
    height:27px;
    padding-top:5px;
}

#validtext p{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
    text-align:right;
    padding-right:35px;
}

#validtext a{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:underline;
}

#validtext a:hover{
    font-family:"Trebuchet MS";
    font-size:11px;
    color:#fff;
    font-weight:normal;
    text-decoration:none;
}
  1. html, body {
  2.     margin: 0px;
  3.     padding:0px;
  4.     background-image:url(../images/bg.gif);
  5. }
  7. h1, h2, h3, h4, h5, h6, p, form {
  8.     margin: 0px;
  9.     padding:0px;
  10. }
  12. #wrapper {
  13.     width:800px;
  14.     margin:0px auto;
  15.     background-color:#FFF;
  16. }
  18. #content {
  19.     width:778px;
  20.     margin:0px auto;
  21.     background-image:url(../images/bg_header_top.gif);
  22.     background-repeat:repeat-x;
  23.     background-position:top;
  24. }
  26. #header {
  27.     height:96px;
  28. }
  30. #logo {
  31.     width:258px;
  32.     float:left;
  33. }
  35. #logo h1{
  36.     font-family:"Trebuchet MS";
  37.     font-size:26px;
  38.     color:#F76B0C;
  39.     font-weight:normal;
  40.     text-decoration:none;
  41.     padding-left:40px;
  42.     padding-top:30px;
  43. }
  45. #logo h4 {
  46.     font-family:"Trebuchet MS";
  47.     font-size:11px;
  48.     color:#808080;
  49.     font-weight:normal;
  50.     text-decoration:none;
  51.     padding-left:75px;
  52. }
  54. #links ul {
  55.     margin:0px;
  56.     padding-top:67px;
  57. }
  59. #links li{
  60.     float:left;
  61.     list-style-type:none;
  62.     width:129px;
  63.     height:25px;
  64.     text-align:center;
  65.     background-color:#F4A80A;
  66.     border-left:1px solid #FFF;
  67.     padding-top:4px;
  68. }
  70. #links a{
  71.     font-family:"Trebuchet MS";
  72.     font-size:11px;
  73.     color:#fff;
  74.     font-weight:normal;
  75.     text-decoration:none;
  76. }
  78. #links a:hover{
  79.     font-family:"Trebuchet MS";
  80.     font-size:11px;
  81.     color:#fff;
  82.     font-weight:normal;
  83.     text-decoration:underline;
  84. }
  86. #mainimg {
  87.     background-image:url(../images/main_img.jpg);
  88.     background-repeat:no-repeat;
  89.     height:132px;
  90.     text-align:right;
  91. }
  93. #mainimg h3 {
  94.     font-family:"Trebuchet MS";
  95.     font-size:48px;
  96.     color:#fff;
  97.     font-weight:normal;
  98.     text-decoration:none;
  99.     padding:20px 40px 0px 0px;
  100. }
  102. #mainimg h4 {
  103.     font-family:"Trebuchet MS";
  104.     font-size:18px;
  105.     color:#fff;
  106.     font-weight:normal;
  107.     text-decoration:none;
  108.     padding:0px 40px 0px 0px;
  109. }
  111. #contentarea {
  112.     clear:both;
  113.     padding:25px 0px;
  114. }
  116. #leftbar {
  117.     float:left;
  118.     width:539px;
  119.     border-right:1px solid #BCBDBC;
  120. }
  122. #leftbar h2{
  123.     font-family:"Trebuchet MS";
  124.     font-size:26px;
  125.     color:#EE8907;
  126.     font-weight:normal;
  127.     text-decoration:none;
  128.     padding-left:40px;
  129.     padding-bottom:5px;
  130. }
  132. #leftbar p{
  133.     font-family:"Trebuchet MS";
  134.     font-size:11px;
  135.     color:#797B7A;
  136.     font-weight:normal;
  137.     text-decoration:none;
  138.     padding:0px 40px;
  139. }
  141. #leftbar a {
  142.     font-family:"Trebuchet MS";
  143.     font-size:11px;
  144.     color:#EE8907;
  145.     font-weight:bold;
  146.     text-decoration:none;
  147.     padding:0px 40px;
  148. }
  150. #leftbar a:hover {
  151.     font-family:"Trebuchet MS";
  152.     font-size:11px;
  153.     color:#000;
  154.     font-weight:bold;
  155.     text-decoration:none;
  156.     padding:0px 40px;
  157. }
  159. #rightbar {
  160.     float:left;
  161.     width:237px;
  162. }
  164. #rightbar h2{
  165.     font-family:"Trebuchet MS";
  166.     font-size:26px;
  167.     color:#797B7A;
  168.     font-weight:normal;
  169.     text-decoration:none;
  170.     padding-left:25px;
  171.     padding-bottom:5px;
  172. }
  174. #rightbar p{
  175.     font-family:"Trebuchet MS";
  176.     font-size:11px;
  177.     color:#797B7A;
  178.     font-weight:normal;
  179.     text-decoration:none;
  180.     padding:0px 25px;
  181. }
  183. .orangetext {
  184.     font-family:"Trebuchet MS";
  185.     font-size:11px;
  186.     color:#EE8907;
  187.     font-weight:bold;
  188.     text-decoration:none;
  189. }
  191. #bottom {
  192.     clear:both;
  193.     height:32px;
  194.     padding-top:25px;
  195. }
  197. #email {
  198.     float:left;
  199.     width:500px;
  200.     background-color:#9BBE00;
  201.     height:27px;
  202.     padding-top:5px;
  203. }
  205. #email a{
  206.     font-family:"Trebuchet MS";
  207.     font-size:11px;
  208.     color:#fff;
  209.     font-weight:normal;
  210.     text-decoration:underline;
  211.     padding:0px 40px;
  212. }
  214. #email a:hover{
  215.     font-family:"Trebuchet MS";
  216.     font-size:11px;
  217.     color:#fff;
  218.     font-weight:normal;
  219.     text-decoration:none;
  220.     padding:0px 40px;
  221.     
  222. }
  224. #validtext {
  225.     float:left;
  226.     width:278px;
  227.     background-color:#9BBE00;
  228.     height:27px;
  229.     padding-top:5px;
  230. }
  232. #validtext p{
  233.     font-family:"Trebuchet MS";
  234.     font-size:11px;
  235.     color:#fff;
  236.     font-weight:normal;
  237.     text-decoration:none;
  238.     text-align:right;
  239.     padding-right:35px;
  240. }
  242. #validtext a{
  243.     font-family:"Trebuchet MS";
  244.     font-size:11px;
  245.     color:#fff;
  246.     font-weight:normal;
  247.     text-decoration:underline;
  248. }
  250. #validtext a:hover{
  251.     font-family:"Trebuchet MS";
  252.     font-size:11px;
  253.     color:#fff;
  254.     font-weight:normal;
  255.     text-decoration:none;
  256. }


Ahora lo que estoy tratando de hacer es poner mi foto de la iglesia donde se dice IGLESIA IMG aquí, ¿cómo lo haría?
Moderator Remark: ; Added [code] tags
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Febrero 25th, 2009, 2:25 pm

  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Febrero 25th, 2009, 2:40 pm

Im no el 100% entiendo la cuestión - no puede simplemente hay que poner:
Código: [ Select ]
<img src="church_picture_folder/and_image.jpg" alt="Church Picture" />

...en ese lugar?

¿O estás tratando de insertar la imagen dentro de la CSS?
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 2:43 pm

Voy a copiar, pegar a continuación, toda la cosa y sólo cambiar el texto por debajo de la "Bienvenida" zona. El resto del sitio seguirá siendo identacle.

Quiero añadir la imagen en la esquina superior izquierda. Sin embargo, siempre muestra un enlace roto.

El nombre de la imagen es kiplingbaptistchurch2.jpg y es en un archivo de imágenes dentro de la carpeta que tengo en la mano a todos mis html pulg
  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Febrero 25th, 2009, 2:48 pm

¿Hay algún sitio de la línea, o están todavía fuera de línea de prueba?
Si es en línea, ¿podría proporcionar un vínculo?
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 2:49 pm

Su todavía sentimos fuera de línea...¿Por qué necesita una imagen o algo? Quizás pueda proporcionar una screenie.
  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Febrero 25th, 2009, 2:58 pm

Nah - no fue una captura de pantalla que estaba buscando. Tenía la esperanza de obtener un vistazo a la estructura del archivo exacto que estaba usando, así como, si era en línea, el sistema operativo.

Sólo para corroborar lo básico, sin embargo:
1. Todos los archivos de su sitio web son almacenados en una carpeta principal.
2. El archivo HTML que se trata en dentro de esta carpeta principal - no una subcarpeta.
3. La imagen que usted necesita está en una subcarpeta de la carpeta principal llamada "imágenes".
4. El archivo de imagen se llama: kiplingbaptistchurch2.jpg
5. En el código HTML, en la que desea que aparezca la imagen, usted tiene:
Código: [ Select ]
<div id="logo">
<img src="images/kiplingbaptistchurch2.jpg" alt="Church Picture" />
</div>
  1. <div id="logo">
  2. <img src="images/kiplingbaptistchurch2.jpg" alt="Church Picture" />
  3. </div>

6. Si usted está usando Linux (y esto puede contar para Mac también, Im no 100% seguro), tiene la carpeta y los nombres de la imagen escrita en el mismo caso (como en MAYÚSCULAS y minúsculas) que aparecen.
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 3:01 pm

¿No está seguro que Linux y todo lo que es. Si esto tiene sentido no estoy en un mac tampoco.


Estoy usando llanura viejo cuaderno.
  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Febrero 25th, 2009, 3:03 pm

Linux es, como Windows, y sistema operativo. Si no está usando Linux, ignorar el paso 6 hasta allí. Comprobar que el otro 5 pasos, sin embargo?
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 3:06 pm

Un segundo estoy acogida real en freewebs rápido.
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 3:14 pm

Imagen
[url=http://g.imageshack.us/img261/example4ozzu.jpg/1/][img]

Te tengo una foto de la carpeta parece. Yo no era capaz de acoger todo. Requiere de un 7 días de espera.
  • Hob Bramble
  • Proficient
  • Proficient
  • Avatar de Usuario
  • Registrado: Ene 21, 2004
  • Mensajes: 351
  • Loc: Indiana, USA
  • Status: Offline

Nota Febrero 25th, 2009, 3:56 pm

Ok, quiero probar algo realmente rápido: cargar la imagen de la iglesia que desea que aparezca en su sitio a ImageShack. Luego, usando la etiqueta de imagen al igual que anteriormente, insertar la imagen en tu página. Así que el código sería algo así:
Código: [ Select ]
<div id="logo">
<img src="http://g.imageshack.us/imgwhatev/YOURIMAGE.jpg" alt="Church Picture" />
</div>
  1. <div id="logo">
  2. <img src="http://g.imageshack.us/imgwhatev/YOURIMAGE.jpg" alt="Church Picture" />
  3. </div>
Simplemente, con la URL de su imagen en la que, en lugar de el ejemplo que yo ponga pulg
-Patrick J. B. Simmons | @hobbramble
"If I could give you one piece of advice to remember for the rest of your life, it would be this: when Patrick tells you to do something, do the opposite." - Nolan Ladewski
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 4:00 pm

Bien, déme un segundo.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Febrero 25th, 2009, 4:08 pm

Si desea que en CSS se puede tener la CSS como
CSS Código: [ Select ]
#logo {
   background-image: url('path/to/image.png');
   width: 300px;
   height: 120px;
}
  1. #logo {
  2.    background-image: url('path/to/image.png');
  3.    width: 300px;
  4.    height: 120px;
  5. }

...y el HTML se vería como...
HTML Código: [ Select ]
<span id="logo"></span>
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • WTF-AComputer
  • Student
  • Student
  • No Avatar
  • Registrado: Feb 12, 2008
  • Mensajes: 97
  • Loc: Canada
  • Status: Offline

Nota Febrero 25th, 2009, 4:11 pm

Bien, que funcionó pero muestra los parámetros de la imagen por debajo de ella por alguna razón.

Al igual que en negro con blanco que dice imprimir. 371x184 15kb
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8211
  • Loc: USA
  • Status: Offline

Nota Febrero 25th, 2009, 4:14 pm

Esto se debe a que se encuentra alojado en ImageShack.

No en cualquier lugar de acogida, sino que esa imagen en su FreeWebs servicio de alojamiento. Simplemente subir la imagen a su anfitrión.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Febrero 25th, 2009, 4:14 pm

1, 2

Publicar Información

  • Total de mensajes en este tema: 30 mensajes
  • Usuarios navegando por este Foro: ScottG y 143 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC