Imágenes en tablas...????
Publicado por ORLANDO (8 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:
Este es mi css:
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
0
