¿Como poner varias imagenes con link en un solo renglon ?

Hola estoy creando mi web con el curso paso a paso, en la plantilla quise poner cuatro imagenes con link en un mismo parrafo, (renglon) pero al ponerles link se bajan y queda una imagen en un renglon y la otra abajo y la otra abjo y la otra abajo, me podian decir como hacer para poner las cuatro, con link en un solo renglon ? les dejo el link para que vean como esta (sin links) http://arteyflor.myartsonline.com/flores.html.

SIN LINK:

IMAGEN 1 IMAGEN 2 IMAGEN 3 IMAGEN 4

CON LINK:

IMAGEN 1
IMAGEN 2
IMAGEN 3
IMAGEN 4

Resolviendo esteproblema solucionaria otro, al querer poner link en un palabra igual me la bajab al siguiente renglon, por ejemplo:

Al poner link en la palabra
SIGUIENTE
la pasaba al renglon de abajo, tal como lo escribi aqui.


Gracias, si pueden ayudarme aqui o por msn [correo eliminado]
Hola :D , primero un saludos al/los creadores de la página CCTW y éste presente foro.
Mi solicitud va referente a que necesito una respuesta similar a mi compañero, ya que presento el mismo inconveniente cuando realizo los mismos procedimientos. Los links o enlaces que realizo nunca se quedan en el mismo párrafo sino que se van a una linea o reglon siguiente y luego continúa el texto en otro reglón.

-----------------------
Algo así, ejemplo:

Bienvenidos a mi página, si desean contactarme mi nombre es
CARLOS
para aquellos quienes no me conocen.
----------------------

De antemano gracias por la ayuda que puedan aportar :D .
Hola ante todo. Yo tuve el mismo problema, a ver si te puedo ayudar.
Lo que yo hice, fue crear varias capas, una de contenido, otra de navegacion y asi las que tu quieras.
Despues, en la hoja de estilos, las iba dando las mismas características, pero a las imagen 1 y a la imagen 2 las ponía:
#foto1 {float:left}
#foto2 {float:right}
y luego la siguiente capa, nose si lo entiendes o no.
Te dejo mi web: www.namastesegovia.net23.net.
Entras en el apartado La tienda, y ves como me han quedado, si me he explicado mal, me lo dices, y te lo intento explicar de nuevo.
Un saludo, marcos.
Oye no se si te entendí, pero intenté hacer algo parecido pero con los "enlaces de textos" de las siguientes lineas pero no me funcionó. o acaso era sólo para las imágenes?
Por favor ayuda, que me tiene trancado eso.
cech316 escribió:Hola :D , primero un saludos al/los creadores de la página CCTW y éste presente foro.
Mi solicitud va referente a que necesito una respuesta similar a mi compañero, ya que presento el mismo inconveniente cuando realizo los mismos procedimientos. Los links o enlaces que realizo nunca se quedan en el mismo párrafo sino que se van a una linea o reglon siguiente y luego continúa el texto en otro reglón.

-----------------------
Algo así, ejemplo:

Bienvenidos a mi página, si desean contactarme mi nombre es
CARLOS
para aquellos quienes no me conocen.
----------------------

De antemano gracias por la ayuda que puedan aportar :D .

Hola:
Creo que una de las maneras de solucionarlo es poniendo en el grupo de los enlaces (el grupo de las a) en la hoja de estilo-general, en vez de poner el código display:block; poner que diga display:normal;
Como por ejemplo:

a {color:brown;text-decoration:none;display:normal}
a: link{}
a: visited{}
a: hover{color:red;text-decoration:none;background-color:silver;}
a: active{}

Así cualquier enlace de párrafo de la página se quedará dentro del párrafo y no cogerá otra línea.
Claro que si lo quiere para una capa en particular solamente, entonces debe crear un grupo de aes para solo esa capa, como por ejemplo solo para la capa contenido
#contenido a {etc. etc. etc.;display:normal}
#contenido a:link {}
#contenido a:visited {}
#contenido a:hover {etc. etc. etc. etc.}
#contenido a:active {}

en todo caso vaya probando, ya que algunas veces, dependiendo de si la capa está dentro de otra en que el grupo de aes tenga prioridad, hay que hacer otros arreglos, (cuestiones de las herencia en las capas), Pero eso ya lo irá aprendiendo
Saludos
saludos
Agradecido de los que aprenden enseñando
Cordial saludo:
Para que queden en una misma línea lo más fácil es colocar las 4 imágenes entre

y </p> así vayan con enlace:




<img UNO>
<img DOS>
<img TRES>
<img CUATRO>
</p>

Ahora, si las imágenes no quedan en una sola línea es porque son muy grandes y tendrá que achicarlas o acomodarlas en dos grupos con el formato anterior.

Editado:
BUENO, VEO QUE YA SOLUCIONÓ EL PROBLEMA.

Un amigo desde Colomiba
gracias a los que han querido ayudar.

NADA ME AH SERVIDO, LO DEL DISPLAY:NORMAL EN LA HOIJA DE ESTILOS NO ME FUNCIONO, LO DE PONER LAS IMAGENES EN UN MISMO PARRAFO NO ME FUNCIONO, ESPERO QUE ME PUEDAN AYUDAR PLEASE, LES DEJOAKI MI CODIGO HTML Y MI HOJA DE ESTILOS, OJALA PUEDAN AYUDARME GRACIAS.



CODIGO HTML



!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Flores de acrilico. Bienvenido.</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">"Una rosa es el simbolo universal del amor"</div>
</div>
<div id="navegacion">
<ul>
  • Flores.
  • Significado de los colores.
  • Videos YouTube.

    </div>
    <div id="contenido">
    <div id="menu">


    [contenido no disponible]</p>
    </div>


    <h1>Flores.</h1>




    Tenemos muchos tipos de flores.</p>




    Aqui te mostramos algunas fotos.</p>




    Utiliza el menu emergente para ver las fotos.</p>










    <p id="link">
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    [contenido no disponible]
    </p>


    <HR>
    <p id="center">Ya que nuestras flores estan hechas una por una, ninguna es igual a otra. Piezas unicas!!!</p>
    </div>
    <div id="pie">
    <div id="pieuno">
    [contenido no disponible]
    </div>
    <div id="piedos">
    Ideales para: Regalos, adornos, recuerdos o simplemente como un bonito detalle para esa persona especial
    </div>
    <div id="pietres">
    [contenido no disponible]
    </div>
    </div>
    <div id="curva-inferior"></div>
    </div>
    <script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
    </body>
    </html>



    HOJA DE ESTILOS



    * {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
    p {text-align: justify}
    h1 {font-size: 1.5em; color:violet ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
    h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
    text-align: center}
    body {text-align: center ; background-color: pink ; background-image: url(objetos/fondo.jpg) }
    #global {width:800px ; margin:4px auto }

    #curva-superior { background-image: url(objetos/curva-superior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    #cabecera {background-color: white ; border-left: black 1px solid ;
    border-right: black 1px solid ; height:85px}
    #logotipo {width:280px ; float:left }
    #publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 28px ; color:#FF82AB }
    #navegacion {background-color: #A2CD5A ; border: black 1px solid ; height:20px}
    #navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
    #navegacion ul { margin-left: 180px }
    #contenido {background-color: #C1FFC1 ; font-size:18px ; border-left: black 1px solid ;
    border-right: black 1px solid }
    #contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
    #menu {background-color: #FFBBFF ; width: 140px ; float:right ;
    text-align:center ; margin: 3px 3px 3px 3px ;
    background-position: bottom ;
    padding-bottom:5px }
    #menu li {list-style:none ; margin: 4px 4px 4px 4px }
    #menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
    background-image: url(objetos/menu-curva-superior.gif) }
    #pie { background-color:white ; border-left: black 1px solid ; border-right: black 1px solid ;
    border-top: black 1px solid ; height: 65px }
    #pie li {list-style: none ; font-size: 12px }
    #pieuno {float:left ; width:150px ; margin-top:10px }
    #piedos {float:left ; width:498px ; margin-top:10px ; font-size:20px ; color:#FF0000 ; align:center }
    #pietres {float:right ; width:150px ; margin-top:10px }
    #curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
    background-repeat: no-repeat ;
    width: 800px ;
    height:12px ;
    overflow: hidden }
    a {color: black ; text-decoration:none ; display: block }
    a:link {}
    a:visited {}
    a:hover {color:black ; text-decoration:underline ; background-color: #FFBBFF}
    a:active {}
    #pie a {color: blue; text-decoration:none ; display: block }
    #pie a:link {}
    #pie a:visited {}
    #pie a:hover {color:black ; text-decoration:underline ; background-color: white }
    #pie a:active {color:black}
    #logotipo a {}
    #logotipo a:link {}
    #logotipo a:visited {}
    #logotipo a:hover {background-color: white }
    #logotipo a:active {}
    #link a {display:normal}
    #link a:link {background-color:none ; text-decoration:underline ; color:black ; display:normal }
    #link a:visited {color:purple}
    #link a:hover {color:purple ; text-decoration:underline ; background-color:none }
    #link a:active {color:pink}
    #center { text-align:center ; color:blue }
  • cech316 escribió:Oye no se si te entendí, pero intenté hacer algo parecido pero con los "enlaces de textos" de las siguientes lineas pero no me funcionó. o acaso era sólo para las imágenes?
    Por favor ayuda, que me tiene trancado eso.

    Sólo para las imagenes, para que se cuadren en html, las defines con lo de float en la hoja de estilos.
    Una a la izquierda y otra a la derecha. Aver si hay suerte.
    Marcos