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

[Edit2] Cómo dividir un div pulg. [Hacer, ahora más ..]

  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 13th, 2009, 1:36 am

¿Cómo puedo dividir un div, con identificación asignado, thats 780px de largo y 23px de alto en tres partes iguales, con CSS, de modo que en la parte izquierda hay texto a la izquierda, en la parte media, theres texto centrado, y en el parte derecha, los theres de texto a la derecha? oh, y todo el div también está más centrado en la izquierda y la derecha se completa con el texto <a href>-ed.

Y, también, por ejemplo, que si se encuentra dentro de un div contenedor página div. Sin embargo, es necesaria la página de contenedores? Wont funciona del mismo modo si theres dos div-s, uno con otro, como, box1 y box2 por ejemplo.

Además, puedo dar un div una 1px #000000 sólidos frontera?

Lo siento por preguntar tanto .. la primera pregunta es más importante de todos modos.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Enero 13th, 2009, 1:36 am

  • celandine
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Oct 30, 2007
  • Mensajes: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Nota Enero 14th, 2009, 1:20 pm

hmmm. Puede hacer tres divs nuevo dentro de su div - Float a todos a la izquierda, que los hacen adecuados ancho / altura y llenarlos con el texto adecuado. Ni siquiera tienen que hacer divs aunque (siempre lo hago, pero sinceramente no podría decir por qué). Usted sólo puede hacer que los párrafos de texto, y luego el estilo en la misma forma en que el youd estilo de un div - como:

Código: [ Select ]
p { }



href que en el HTML, como usted regularmente lo haría. Usted no necesita un contenedor / div contenedor, sólo puede tener el cuadro en la casilla en la casilla, pero siempre me gusta tener un contenedor sólo para mantener las cosas bajo control. thats just me though.

que usted puede dar el div una frontera a través de CSS - al igual que --

Código: [ Select ]
#div {
border: 1px solid #000
}
  1. #div {
  2. border: 1px solid #000
  3. }
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Enero 14th, 2009, 1:43 pm

Si sólo utiliza
Código: [ Select ]
p { }
que sería el estilo de cada párrafo en el documento, y Im no seguro HKt0p5 gustaría. Cualquiera de dar los párrafos de su propia clase o id
Código: [ Select ]
p.class { }
p#id { }
  1. p.class { }
  2. p#id { }
o ponerlos en un div y el estilo de la p
Código: [ Select ]
#div p { }
o simplemente el estilo del div
Código: [ Select ]
#div { }
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 15th, 2009, 10:26 am

Por supuesto, gracias! Asegúrese de que los malos para intentar más tarde e incluso después, porque si el resultado fuera itll funciona bastante un salto delante de mí - el éxito de pasar de las tablas a div-s! ^ v ^
Tengo una pregunta más antes de que a pesar de que. Desde Bogey es derecho de la p, malos necesidad de utilizar p id-s (las clases son un total de selva para mí), exactamente en qué orden y, además, cómo y dónde, Qué debo hacer para configurar esta ps propiedades sobre la fuente de color (y el enlaces un hover, activa, visitó, bla, bla) en el CSS y no el habitual <style> cosa que he usado para poner en el html en la cabeza? Id también solicitar la cara, pero me di cuenta de que parece ser que no sea necesario para definir un tipo de letra cuando la intención cross-browser/OS compatyness ya que nunca puede estar seguro de si la fuente está disponible definir en un Mac, o que algún usuario no ha creado su propia fuente por defecto en sus navegadores opciones. Tamaño sería bueno también, pero de nuevo, me pregunto .. Por lo tanto, sólo el color.

Al azar, puede haber tal cosa como un #ID? . _.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Enero 15th, 2009, 2:59 pm

Aquí...lo que puso en <style> no cambiaría para el archivo CSS...todo lo que cambiaría es que usted no tiene que definir el <style> y </ style>. Quiero decir que no tiene que poner los de antes y después de la CSS.

Acerca de los párrafos, si se quiere que sean en 3 columnas separadas, es probable que utilice el float: left; disponibles en CSS. Después de esos, usted tendrá que crear una clase o un ID de su remoción ( claro: los dos; para desactivar la flota.

Si usted quiere, me pueden enviar un ejemplo sencillo de lo que usted está tratando de hacer y se puede ir de allí, pero que paralizar su educación de la creación de un sitio basado en CSS en lugar de una tabla basada.

En cuanto a enlaces, seguro, usted puede hacer eso. Lo hago con mis sitios así, sólo que yo uso para las clases en lugar de documentos de identidad. Debido a que las clases son...así, las clases. Más de un elemento de la página podría tener, pero si su ID, no su supone que más de uno de los presentes en una página de...hace que el navegador, pero tu no supone poner más de uno de la misma identificación en una página. Y tienden a volver a utilizar un estilo para los enlaces, ya que hay una gran posibilidad de que hubiera más de un enlace en ese espacio que necesitan ese estilo.

Código: [ Select ]
a.class {
 
}
 
a:active.class {
 
}
 
a:hover.class {
 
}
 
a:visited.class {
 
}
  1. a.class {
  2.  
  3. }
  4.  
  5. a:active.class {
  6.  
  7. }
  8.  
  9. a:hover.class {
  10.  
  11. }
  12.  
  13. a:visited.class {
  14.  
  15. }


Pero si usted desea utilizar los identificadores a pesar de que, simplemente reemplace . clase con #ID . (Sólo para la claridad, un documento de identidad no tiene que ser un número gif "alt =": lol: "title =" Laughing "> )

font-size : Bueno...tamaño de la fuente
color : Color del texto
text-align : Izquierda, centro o derecha (justificar también, pero algunos navegadores no hagas eso :roll: )
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 15th, 2009, 3:12 pm

Im tratando de rehacer esta página correctamente, no con tablas, pero s-div. Puede comprobar mi código fuente, si itll ayuda. Ahora Im que intenta escribir todo lo que div cosas y todo, pero .. me dan más tiempo para probar, ¿ok?
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 15th, 2009, 4:09 pm

Ive estado tratando y tratando, pero por alguna razón, la clara: ambos, no nada claro. Por favor, Bogey, un puesto de ejemplo para que pueda ver cómo hacer para realmente su trabajo.
No va a arruinar mi CSS aprender mucho desde que intentar malos con ello hacer un anuncio a mí mismo a partir de cero.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Enero 15th, 2009, 9:28 pm

Heres cómo iba a configurar mi archivo CSS (Así es como yo lo hago de todos modos). Este ejemplo es para un ancho de 740px.
CSS Código: [ Select ]
* {
 margin: 0;
 padding: 0;
}
 
body {
 padding-top: 50px;
}
 
#container {
 width: 740px;
 margin: 0 auto;
 background-color: #cecece;
}
 
#container h1 {
 background-color: #aaa;
 color: #000;
 text-align: center;
}
 
#left {
 float: left;
 width: 90px;
 padding: 5px 5px 5px 5px;
 background-color: #cccccc;
}
 
#center {
 float: left;
 width: 530px;
 padding: 5px 5px 5px 5px;
 background-color: #eeeeee;
}
 
#right {
 float: left;
 width: 90px;
 padding: 5px 5px 5px 5px;
 background-color: #cccccc;
}
 
.clear {
 clear: both;
 text-align: center;
 font-size: 12px;
 color: #000000; /* Default color */
}
  1. * {
  2.  margin: 0;
  3.  padding: 0;
  4. }
  5.  
  6. body {
  7.  padding-top: 50px;
  8. }
  9.  
  10. #container {
  11.  width: 740px;
  12.  margin: 0 auto;
  13.  background-color: #cecece;
  14. }
  15.  
  16. #container h1 {
  17.  background-color: #aaa;
  18.  color: #000;
  19.  text-align: center;
  20. }
  21.  
  22. #left {
  23.  float: left;
  24.  width: 90px;
  25.  padding: 5px 5px 5px 5px;
  26.  background-color: #cccccc;
  27. }
  28.  
  29. #center {
  30.  float: left;
  31.  width: 530px;
  32.  padding: 5px 5px 5px 5px;
  33.  background-color: #eeeeee;
  34. }
  35.  
  36. #right {
  37.  float: left;
  38.  width: 90px;
  39.  padding: 5px 5px 5px 5px;
  40.  background-color: #cccccc;
  41. }
  42.  
  43. .clear {
  44.  clear: both;
  45.  text-align: center;
  46.  font-size: 12px;
  47.  color: #000000; /* Default color */
  48. }
Y aquí es como yo establezco mi archivo HTML
HTML Código: [ Select ]
<html>
<head>
 <title>Document</title>
 <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<h1>Header</h1>
<div id="left">
 <p>Left text</p>
</div>
<div id="center">
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
</div>
<div id="right">
 <p>Right text</p>
</div>
<p class="clear">Footer</p>
</div>
</body>
</html>
  1. <html>
  2. <head>
  3.  <title>Document</title>
  4.  <link href="style.css" rel="stylesheet" type="text/css" />
  5. </head>
  6. <body>
  7. <div id="container">
  8. <h1>Header</h1>
  9. <div id="left">
  10.  <p>Left text</p>
  11. </div>
  12. <div id="center">
  13.  <p>Center text</p>
  14.  <p>Center text</p>
  15.  <p>Center text</p>
  16.  <p>Center text</p>
  17.  <p>Center text</p>
  18.  <p>Center text</p>
  19. </div>
  20. <div id="right">
  21.  <p>Right text</p>
  22. </div>
  23. <p class="clear">Footer</p>
  24. </div>
  25. </body>
  26. </html>

Eso es un simple diseño de tres columnas...irse un poco de su sitio.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 16th, 2009, 9:21 am

Bogey, ¡Te amo! Haha. Muchas gracias!
El problema era que yo realmente no podía saber cómo exactamente a la "frase" el margen para una clase. Ahora, mirando en esa realidad y hacer la página con la CSS, los códigos que me mostró, me parece Im que comienza a hacerlo.
Así que ahora Im que va a intentar recordar lo que sucede y lo que depende de qué y ver qué puedo hacer con mi estúpida índice después de esta "lógica". Asimismo, quiero experimentar whatll pasaría si un palo! DOCTYPE a ella.
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 16th, 2009, 2:07 pm

Bueno, aquí está el resultado.
http://hirasawa2032.com/atarashii_index.html

Código Bogeys me ayudó mucho, pero había algunas partes que tenía que poner como si hubiera, por ejemplo, yo no sabía cómo hacer que #h1 contenedor thingy alguna otra manera de mantener el formato. En la CSS, jugué con la cosita de una clase, y, finalmente, cuando funcionaba, soy feliz que me escribió la parte del todo a mí mismo.

De todos modos, ahora .. por alguna razón, no muestra centrada en el IE. Éstos son los códigos, por lo que cualquier sugerencia de cómo solucionar este problema es muy, muy bienvenidos!
HTML:
Código: [ Select ]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
<meta http-equiv="content-language" content="ja" />
<meta name="description" content="HIRASAWA KANKAKU - Unofficial side-project website presentation for Hirasawa Susumu including Hirasawa 3D Live, Transparent Sky animation featuring him, analysis of his work, detailed information and history of P-MODEL, MANDRAKE and related; HIRASAWA NATION videogame development and much more. By Taira." />
<meta name="robots" content="index,follow" />
<meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,Taira,Ｐ－モデル,transparent,sky,project,Transparent Sky Project,トランスパレントスカイ,「トランスパレントスカイ」,TESLAKITE,Interactive live,2032,インタラクティブ・ライブショウ,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,KAKU,hirasawa kankaku,平沢感覚,kankaku,感覚,平沢進3Dライブ,HIRASAWA NATION,videogame,平沢ネーション,平沢ネーションビデオゲーム,ヒラサワ,ヒラサワ・ネーション" />
<meta name="author" content="平沢感覚" />
<meta name="copyright" content="平沢進、平ら" />
<title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
<link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
<link rel="stylesheet" href="index.css" />
</head>
<body>
<div id="container">
<h1><img src="img/pi-duaicylinder.gif" alt="pi-duaiシリンダー"><img src="img/top.gif"></h1>
<div id="hidari">
<p><a class="nihongo" href="#">日本語</a></p>
</div>
<div id="mannaka">
<p>Copyright (C)1987-2008 平沢進、平ら</p>
</div>
<div id="migi">
<p><a class="eigo" href="#">English</a></p>
</div>
<p class="counter"><img src="/cgi-sys/Count.cgi?df=hirasawa.dat|display=Counter|ft=1|md=8|frgb=0;0;0|dd=G"></p>
</div>
</body>
</html>
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
  4. <meta http-equiv="content-language" content="ja" />
  5. <meta name="description" content="HIRASAWA KANKAKU - Unofficial side-project website presentation for Hirasawa Susumu including Hirasawa 3D Live, Transparent Sky animation featuring him, analysis of his work, detailed information and history of P-MODEL, MANDRAKE and related; HIRASAWA NATION videogame development and much more. By Taira." />
  6. <meta name="robots" content="index,follow" />
  7. <meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,Taira,Ｐ－モデル,transparent,sky,project,Transparent Sky Project,トランスパレントスカイ,「トランスパレントスカイ」,TESLAKITE,Interactive live,2032,インタラクティブ・ライブショウ,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,KAKU,hirasawa kankaku,平沢感覚,kankaku,感覚,平沢進3Dライブ,HIRASAWA NATION,videogame,平沢ネーション,平沢ネーションビデオゲーム,ヒラサワ,ヒラサワ・ネーション" />
  8. <meta name="author" content="平沢感覚" />
  9. <meta name="copyright" content="平沢進、平ら" />
  10. <title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
  11. <link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
  12. <link rel="stylesheet" href="index.css" />
  13. </head>
  14. <body>
  15. <div id="container">
  16. <h1><img src="img/pi-duaicylinder.gif" alt="pi-duaiシリンダー"><img src="img/top.gif"></h1>
  17. <div id="hidari">
  18. <p><a class="nihongo" href="#">日本語</a></p>
  19. </div>
  20. <div id="mannaka">
  21. <p>Copyright (C)1987-2008 平沢進、平ら</p>
  22. </div>
  23. <div id="migi">
  24. <p><a class="eigo" href="#">English</a></p>
  25. </div>
  26. <p class="counter"><img src="/cgi-sys/Count.cgi?df=hirasawa.dat|display=Counter|ft=1|md=8|frgb=0;0;0|dd=G"></p>
  27. </div>
  28. </body>
  29. </html>


No haga caso de los enlaces que pongo sólo #, Eso es sólo por ahora, hasta que conseguir que permanezca centrada en todos los navegadores.

CSS:
Código: [ Select ]
*{
margin: 0;
padding: 0;
}
body { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
padding-top: 35px;
background:#333333;
}
 
a.nihongo:link
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:visited
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:active
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:hover
{
text-decoration:underline overline;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
 
a.eigo:link
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:visited
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:active
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:hover
{
text-decoration:underline overline;
font-size: 14px;
color:#ffffff;
}
 
#container {
width: 782px;
height: 373px;
margin: 0 auto;
background-color: #333333;
}
 
#container h1 {
background-color: #666666;
border: 1px solid #000;
}
 
#hidari {
float: left;
width: 220px;
padding: 5px 5px 5px 5px;
background-color: #000000;
}
 
#mannaka {
float: left;
text-align: center;
width: 312px;
padding: 5px 5px 5px 5px;
background-color: #000000;
font-size: 14px;
color: #666666;
}
 
#migi {
float: left;
text-align: right;
width: 220px;
padding: 5px 5px 5px 5px;
background-color: #000000;
}
 
.counter {
clear: both;
text-align: center;
background-color: #333333;
}
  1. *{
  2. margin: 0;
  3. padding: 0;
  4. }
  5. body { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
  6. padding-top: 35px;
  7. background:#333333;
  8. }
  9.  
  10. a.nihongo:link
  11. {
  12. text-decoration:none;
  13. font-weight:bold;
  14. font-size: 14px;
  15. color:#ffffff;
  16. }
  17. a.nihongo:visited
  18. {
  19. text-decoration:none;
  20. font-weight:bold;
  21. font-size: 14px;
  22. color:#ffffff;
  23. }
  24. a.nihongo:active
  25. {
  26. text-decoration:none;
  27. font-weight:bold;
  28. font-size: 14px;
  29. color:#ffffff;
  30. }
  31. a.nihongo:hover
  32. {
  33. text-decoration:underline overline;
  34. font-weight:bold;
  35. font-size: 14px;
  36. color:#ffffff;
  37. }
  38.  
  39. a.eigo:link
  40. {
  41. text-decoration:none;
  42. font-size: 14px;
  43. color:#ffffff;
  44. }
  45. a.eigo:visited
  46. {
  47. text-decoration:none;
  48. font-size: 14px;
  49. color:#ffffff;
  50. }
  51. a.eigo:active
  52. {
  53. text-decoration:none;
  54. font-size: 14px;
  55. color:#ffffff;
  56. }
  57. a.eigo:hover
  58. {
  59. text-decoration:underline overline;
  60. font-size: 14px;
  61. color:#ffffff;
  62. }
  63.  
  64. #container {
  65. width: 782px;
  66. height: 373px;
  67. margin: 0 auto;
  68. background-color: #333333;
  69. }
  70.  
  71. #container h1 {
  72. background-color: #666666;
  73. border: 1px solid #000;
  74. }
  75.  
  76. #hidari {
  77. float: left;
  78. width: 220px;
  79. padding: 5px 5px 5px 5px;
  80. background-color: #000000;
  81. }
  82.  
  83. #mannaka {
  84. float: left;
  85. text-align: center;
  86. width: 312px;
  87. padding: 5px 5px 5px 5px;
  88. background-color: #000000;
  89. font-size: 14px;
  90. color: #666666;
  91. }
  92.  
  93. #migi {
  94. float: left;
  95. text-align: right;
  96. width: 220px;
  97. padding: 5px 5px 5px 5px;
  98. background-color: #000000;
  99. }
  100.  
  101. .counter {
  102. clear: both;
  103. text-align: center;
  104. background-color: #333333;
  105. }


Y una cosa más pequeña, en Safari, mi contador no se muestra correctamente. Compruebe con Safari para ver lo que dice. ¿Alguna idea por qué sucede esto?
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Enero 16th, 2009, 5:17 pm

No sé por qué no se centro en el IE. Todos mis sitios que se centran, y dividido, yo uso la misma técnica que yo siempre aquí...pero no sé por qué hacer que su...He intentado bastantes cosas y ninguna de ellas funcionó. Me tengo que ir ahora para cuando salgo, malos proporcionar más información al respecto.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 16th, 2009, 6:05 pm

Espera, Bogey! Me imaginé que .. Creo. Aunque sé muy bien esta no es definitivamente el camino, por ahora creo que esto funciona (al menos en mi IE 7):
Código: [ Select ]
<!--[if lt IE 7]><div align="center"><style type="text/css">
#hidari {text-align: left; width: 220px;}
#migi {text-align: right;width: 250px;}</style><![endif]-->
<!--[if gte  IE 7]><div align="center"><style type="text/css">
#hidari {text-align: left;width: 220px;}
#migi {text-align: right;width: 250px;}</style><![endif]-->
  1. <!--[if lt IE 7]><div align="center"><style type="text/css">
  2. #hidari {text-align: left; width: 220px;}
  3. #migi {text-align: right;width: 250px;}</style><![endif]-->
  4. <!--[if gte  IE 7]><div align="center"><style type="text/css">
  5. #hidari {text-align: left;width: 220px;}
  6. #migi {text-align: right;width: 250px;}</style><![endif]-->

Vea donde cambia la propiedad de la anchura, ya que en Firefox, por ejemplo, la anchura normal es prestado correctamente, pero en IE, parece que necesita más pixels para encajar. Además, he añadido a mi eterno obsoleto ,, Haha <div align="justify"> favoritos y lo hizo centro, pero luego tuve que, además, definir en #Hidari, es decir, la izquierda (en japonés) que el también el texto tiene que ser la izquierda (que inicialmente poner el texto en el centro de #Hidari).
Aquí, he subido uno con este pequeño cambio, no dude en comparar los dos.
http://hirasawa2032.com/atarashii_index.html
http://hirasawa2032.com/index_with_ifs.html

He leído mucho acerca de que en realidad se trata de algún error o algo en IE con divs flotantes y recordó el caso de las cosas he luchado mucho en phppBB3 y XOOPS así que pensé que podría intentarlo. También pensé en la posición absoluta, pero entonces, ¿cómo voy a saber dónde colocar la cosa por lo que su en el centro de someones .. decir, 50-inch monitor, por ejemplo.
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Enero 16th, 2009, 9:18 pm

Bueno, ambos funcionan perfectamente en Firefox, IE, pero en la segunda es la única que se centra.

Pero creo que IE8 es deprecating la cosa FI...Creo que son la eliminación de ellos porque no quieren que de jugar con el FI...lo quieren más en forma que :x
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de Usuario
  • Registrado: Mar 19, 2008
  • Mensajes: 134
  • Loc: Bulgaria
  • Status: Offline

Nota Enero 17th, 2009, 12:39 am

Sí, el segundo es el de la si-s. Pero entonces .. honestamente, no creo que muchas personas usan el IE, sobre todo, wow, 8. Otra cosa es que mi sitio es un poco sesgada - Quiero decir, dirigidas principalmente a público japonés que en su mayoría son en Mac, o los pocos en Windows honestamente prefiero Firefox u Opera.
Aunque por ahora, es en Aceptar para salir así, y seguir con mis páginas?
  • Bogey
  • Bogey
  • Genius
  • Avatar de Usuario
  • Registrado: Jul 14, 2005
  • Mensajes: 8212
  • Loc: USA
  • Status: Offline

Nota Enero 17th, 2009, 9:35 am

Su, su bien, ya que Im que cerciorarse de que el error es un error en el CSS y desde todas las páginas utilizan un CSS, si fijar una página lo arreglamos todos ellos a la vez...Im que menos mal y este es en realidad un error de HTML, usted puede seguir adelante y trabajar en sus otras páginas.

Asimismo, me permito sugerir que ir de sitio XHTML Valid...con tan sólo mirar a través del validador de W3 y ver los errores que llegar .. theyre more errores y no se puede arreglar fácilmente. Como el atributo ALT a las imágenes.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Enero 17th, 2009, 9:35 am

1, 2

Publicar Información

  • Total de mensajes en este tema: 18 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 106 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