¿Como poner iconos juntos sin usar divs en una tabla html?

[usuarioxr]

¿Se puede poner los iconos de esta forma sin utilizar divs?


Ya lo intente pero me queda asi cuando lo visualizo en el navegador

Se que se puede hacer con divs pero quiero saber si hay alguna forma de hacerlo sin divs ni class
Quiero saber si se puede hacer esto sin depender de css

[C2am]

No se entiende que quieres hacer.
Muestra el código que estas usando.

¿por "juntos" te refieres lado a lado?

Explicate mejor

[usuarioxr]

Iniciado por C2am

No se entiende que quieres hacer.
Muestra el código que estas usando.

¿por "juntos" te refieres lado a lado?

Explicate mejor

Puse unas imagenes pero no se ven

[usuarioxr]

¿Se puede poner los iconos de esta forma sin utilizar divs?
http://k31.kn3.net/ADFE6A333.png

Ya lo intente pero me queda asi cuando lo visualizo en el navegador
http://k35.kn3.net/B70D7C8FB.png
Se que se puede hacer con divs pero quiero saber si hay alguna forma de hacerlo sin divs ni class
Quiero saber si se puede hacer esto sin depender de css

[memoadian]

las imagenes dan error 403

[Tzar]

No, no es posible, si o si vas a tener que aplicar css para alinearlas, es muy simlpe, pero no creo que sea posible sin css.

[C2am]

Puedes mostrar el código que estas usando, porque si son imágenes, las mismas se consideran un elemento de linea por lo cual no deberías tener inconvenientes, siempre y cuando el ancho del contenedor sea suficiente para que las 3 quepan lado a lado, en caso contrario se irán ubicando debajo.

Saludos
Espero el código

Tzar

No, no es posible, si o si vas a tener que aplicar css para alinearlas, es muy simlpe, pero no creo que sea posible sin css.

Por suerte tu afirmación la terminaste en forma dudosa, porque las imágenes son elementos de linea lo cual hace que no se produzca un salto de linea.

http://librosweb.es/xhtml/capitulo_6.html

[nedyer]

Código CSS:

#tabla
{
    padding: 0px;
    height: 30px;
    width: 839px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 1px solid #C1C1C1;
    background-color: #F9F9F9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    color: #000000;
    text-align: center;
    -moz-box-shadow: 0px 0px 1px 0px #C0C0C0;
    -webkit-box-shadow: 0px 0px 1px 0px #C0C0C0;
    box-shadow: 0px 0px 1px 0px #C0C0C0;
}
 
.campos
{
    float: left;
    height: 20px;
    width: 125px;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    padding-bottom: 0px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #C1C1C1;
}
 
.bts
{
    padding: 0px;
    float: left;
    height: 30px;
    width: 39px;
    text-align: center;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #C1C1C1;
}
 
.n
{
    float: left;
    height: 20px;
    width: 39px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
 

Código HTML:

<div id="tabla">
  <div class="n">1</div>
  <div class="campos">nombre</div>
  <div class="campos">apellido</div>
  <div class="campos">asignatura</div>
  <div class="campos">notas</div>
  <div class="campos">algo mas</div>
  <div class="bts"><img src="Imagenes/PNG/Btn_Detalle.png" alt="" name="n1" width="30" height="30" id="n1" /></div>
  <div class="bts"><img src="Imagenes/PNG/Btn_Actualizar.png" alt="" name="n2" width="30" height="30" id="n2" /></div>
  <div class="bts"><img src="Imagenes/PNG/Btn_Eliminar.png" alt="" name="n3" width="30" height="30" id="n3" /></div>
</div>
 

[usuarioxr]

[QUOTE=C2am;4357443]Puedes mostrar el código que estas usando, porque si son imágenes, las mismas se consideran un elemento de linea por lo cual no deberías tener inconvenientes, siempre y cuando el ancho del contenedor sea suficiente para que las 3 quepan lado a lado, en caso contrario se irán ubicando debajo.

Saludos
Espero el código

Tzar

ya se arregló, la verdad no se fue lo que movi pero ya se ve bien