CSS - Imágenes en tablas...????

   
Vista:
Imágen de perfil de ORLANDO

Imágenes en tablas...????

Publicado por ORLANDO orlandorodriguez40@hotmail.com (5 intervenciones) el 30/06/2014 04:38:03
Muchas gracias de antemano.

Soy nuevo en esto.

Quisiera desplegar un mensaje de texto con css sobre una imagen que se encuentra en un HTML.

Que debo hacer?

Este es mi HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html lang="es">
<head>
	<meta charset="UTF-8" />
	<meta name="description" content="Pagina para mostrar los trabajos realizados">
	<title>Trabajos</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/responsive.css">
</head>
<body>
<header>
	<nav id="menu">
		<ul>
			<li><a href="http://localhost/proyecto don orlando/">INICIO</li></a>
			<li><font color="#515151">TRABAJOS</font></li>
			<li><a href="">DESCARGAS</li></a>
			<li><a href="">MY BLOG</li></a>
			<li><a href="">SOCIALES</li></a>
			<li><a href="">CONTACTENOS</li></a>
		</ul>
	</nav>
			<div id="cabecera">
				<h1>TRABAJOS</h1>
				<h2>Sitios webs</h2>
			</div>
</header>
 
 
 
	<table width="100%" height="100%" style="text-align:center" border="0" cellpadding="0" cellspacing="0">
		<thead id="thead">
 
		<tr>
			<td align="center" valign="middle"><a href=""><img src="link_1/img1.jpg" width="254" height="256"></a></td>
			<td align="center" valign="middle"><a href=""><img src="link_2/img2.jpg" width="254" height="256"></a></td>
			<td align="center" valign="middle"><a href=""><img src="link_3/img3.jpg" width="254" height="256"></a></td>
			<td align="center" valign="middle"><a href=""><img src="link_4/img4.jpg" width="254" height="256"></a></td>
			<td align="center" valign="middle"><a href=""><img src="link_5/img5.jpg" width="254" height="256"></a></td>
		</tr>
 
		</thead>
	</table>
 
</body>
</html>

Este es mi css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
* {
margin: 0px;
padding: 0px;
}
 
/* FONDO DE LA PAGINA */
 
body {
text-align: center;
background-image: url('fondo.jpg');
background-size: 100%;
background-attachment:fixed; /* deja el fondo fijo */
text-decoration:none; /* separacion de celda de tabla */
}
 
 
 
#menu {
text-align: center;
height: 35px;
background-color: #000000;
box-shadow: 0 2px 3px rgba(0,0,0,0.4);
width: 100%;
position:fixed;
z-index: 101;
}
 
a:hover {
    text-decoration:none;
    color: #E9931A; 
}
 
a {
    text-decoration:none;
    color: #E9E9E9;
}
 
#menu li {
    display: inline-block;
    list-style: none;
    padding: 5px;
    font:   14px arial, verdana, sans-serif;
    color: #E9E9E9; 
}
 
#cabecera {
    width: auto;
    padding: 30px;
    text-align: center;
}
 
h1 {
padding: 10px;
font: 80px arial, verdana, sans-serif;
text-align: center;
color: #E9931A;
}
 
h2 {
font: 30px Brush Script MT, verdana, sans-serif;
text-align: center;
color: #CCCCCC;
}
 
/* CAMBIA EL COLOR DE LA BARRA DE DESPLAZAMIENTO */
 
::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: #000000; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
::-webkit-scrollbar-track-piece {
    background-color: #000000; 
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #EB8A1D; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    overflow-y:scroll;
}
 
::-webkit-scrollbar-thumb:window-inactive {
    background: #EB8A1D; 
}
 
/* mozila */
 
::-moz-scrollbar {
    width: 5px;
}
 
::-moz-scrollbar-track {
    -moz-box-shadow: #000000; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
::-moz-scrollbar-track-piece {
    background-color: #000000; 
}
 
::-moz-scrollbar-thumb {
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #EB8A1D; 
    -moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    overflow-y:scroll;
}
 
::-moz-scrollbar-thumb:window-inactive {
    background: #EB8A1D; 
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Imágenes en tablas...????

Publicado por xve (352 intervenciones) el 30/06/2014 14:41:52
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar