HTML - problemas con mi primera web

   
Vista:

problemas con mi primera web

Publicado por FranLopez (2 intervenciones) el 02/09/2013 21:24:07
Hola, muy buenas a todos......
Es la primera vez que hago una web con dreamweaver cs3 y me he encontrado con este problema:
no consigo que la imagen llegue al filo de lo que seria la cabecera de la web la cual es negra y se queda un escalon, también me queda un hueco libre al lado izquierdo y me gustaria que llegara asta el filo. Alguien me podría ayudar?. Lo he realizado todo con columnas. Un saludo.
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

problemas con mi primera web

Publicado por xve (1178 intervenciones) el 02/09/2013 21:26:32
Hola Fran, creo que con este estilo, lo solucionas:
1
body {margin:0px;padding:0px}

Si no es esto, estaria bien que nos mostraras la imagen de como se ve o el código.

Coméntanos, ok?
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
Imágen de perfil de Tomás

problemas con mi primera web

Publicado por Tomás (1 intervención) el 02/09/2013 21:28:42
Tal y cómo dice xve también está bien pero puedes usar este código para hacer lo mismo:

Lo colocas en la cabecera del archivo css:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div::after,
.clearfix::after,
.clear::after
{
 clear: both;
 visibility: hidden;
 content: " ";
 display: block;
}
 
*
{
 margin: 0px;
 padding: 0px;
}
 
body
{
	background: #2e8bbc;
}
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

problemas con mi primera web

Publicado por FranLopez (2 intervenciones) el 03/09/2013 10:36:44
Ante todo muchas gracias por la rapidez....
Os adjunto el codigo.

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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>primera web de prueba</title>
<style type="text/css">
<!--
div::after, 
.clearfix::after, 
.clear::after 
{ 
clear: both; 
visibility: hidden; 
content: " "; 
display: block; 
}
* 
{ margin: 0px; 
padding: 0px; 
} 
body 
{ 
       background: #2e8bbc; 
}
#apDiv1 {
	position:absolute;
	width:200px;
	height:99px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	width:143px;
	height:32px;
	z-index:1;
	left: 9px;
	top: 195px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
body {
	background-image: url(photoshop/fondo-portal.jpg);
}
#apDiv3 {
	position:absolute;
	width:150px;
	height:67px;
	z-index:1;
	top: 36px;
	left: 1148px;
}
#apDiv4 {
	position:absolute;
	width:106px;
	height:78px;
	z-index:2;
	left: 694px;
	top: 30px;
}
#apDiv5 {
	position:absolute;
	width:147px;
	height:70px;
	z-index:3;
	left: 804px;
	top: 30px;
}
#apDiv6 {
	position:absolute;
	width:174px;
	height:60px;
	z-index:4;
	left: 962px;
	top: 30px;
}
#apDiv7 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
}
#apDiv8 {
	position:absolute;
	width:328px;
	height:202px;
	z-index:5;
	left: 376px;
	top: 550px;
}
#apDiv9 {
	position:absolute;
	width:328px;
	height:202px;
	z-index:6;
	left: 110px;
	top: 489px;
}
#apDiv10 {
	position:absolute;
	width:328px;
	height:202px;
	z-index:7;
	left: 422px;
	top: 2px;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FF0000;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
.Estilo4 {font-weight: bold}
.Estilo9 {font-style: italic; font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; }
.Estilo10 {color: #FF0000}
.Estilo12 {font-size: 12px}
.Estilo13 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 22px;
}
.Estilo15 {color: #FFFFFF}
.Estilo16 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
}
-->
</style>
</head>
 
<body>
<table width="1300" height="85" border="0" bordercolor="#212121">
  <tr bordercolor="#FFFFFF" bgcolor="#212121">
    <th width="27" scope="col">&nbsp;</th>
    <th width="309" scope="col"><img src="photoshop/cuadrados1.jpg" width="309" height="67" /></th>
    <th width="71" scope="col">&nbsp;</th>
    <th width="272" bordercolor="#212121" bgcolor="#212121" scope="col"><span class="Estilo4"></span></th>
    <th width="62" scope="col"><p>&nbsp;</p>
    <p>INICIO</p></th>
    <th width="10" scope="col">&nbsp;</th>
    <th width="143" scope="col"><p>&nbsp;</p>
    <p><a href="Quienes Somos.html">QUIENES SOMOS</a></p></th>
    <th width="10" scope="col">&nbsp;</th>
    <th width="96" scope="col"><p>&nbsp;</p>
    <p><a href="Servicios.html">SERVICIOS</a></p></th>
    <th width="10" scope="col">&nbsp;</th>
    <th width="94" scope="col"><p>&nbsp;</p>
    <p><a href="Portafolio.html">PORTAFOLIO</a></p></th>
    <th width="10" scope="col">&nbsp;</th>
    <th width="104" bgcolor="#212121" scope="col"><p>&nbsp;</p>
    <p><strong><a href="Contacto.html">CONTACTO</a></strong></p></th>
  </tr>
</table>
<table width="1400" border="0">
<tr>
<th width="1394" height="422" align="left" valign="top" scope="col"><div align="left"><img src="photoshop/grafiti1.jpg" width="1350" height="400" /></div></th>
  </tr>
</table>
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