/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
alt for meget kode til en stakkels nybegyn~
Fra : rasmus larsen


Dato : 04-02-03 21:40

Hej!
Er der nogen der er istand til at læse igennem den her rodede
kode og se hvorfor den nederste firkant "content10" ikke viser
sig under den næstnederste. Og kan i få den til at gøre det?
Tak
Rasmus Hertzum-Larsen



<html>


<style type="text/css">
   body {
   margin: 0px 0px 0px 25px;
   padding: 0px 0px 0px 0px;
   font-family: verdana;
   color: #ccc;
   background-color: #133;
   font-size: 12px;
   line-height: 22px;
}   

a {
   text-decoration: none;
   font-weight: bold;
   color: #ccc;
   outline: none;
   }
a:visited {
   color: #ccc;
   }
a:active {
   color: #ccc;
   }
a:hover {
   color: #FF0000;
   
   }
ahem {
   display: none;
   }
strong, b {
   font-weight: bold;
   }
p {
   font-size: 12px;
   line-height: 22px;
   margin-top: 20px;
   margin-bottom: 10px;
   }

/* weird ie5win bug: all line-height to font-size ratios must
agree or box gets pushed around. UPDATE: this has turned out to
be very rare. my current recommendation is IGNORE this warning.
at the moment i'm leaving it in only in case the issue turns up
again. possibly the original bug in march 2001 was caused by an
unusual combination of factors, although this solved it at the
time.*/

h1 {
   font-size: 104px;
   line-height: 44px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   }
h2 {
   font-size: 18px;
   line-height: 40px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   }
h3 {
   font-size: 16px;
   line-height: 22px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   }
h4 {
   font-size: 14px;
   line-height: 26px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   }
h5 {
   font-size: 12px;
   line-height: 22px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   }
h6 {
   font-size: 10px;
   line-height: 18px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
   }
img {
   border: 1;
   }
nowrap {
   white-space: nowrap;
   font-size: 10px;
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
   }
tiny {
   font-size: 9px;
   line-height: 16px;
   margin-top: 15px;
   margin-bottom: 5px;
   }
#content {
   position: absolute;
   top: 0px;
   left: 0px;
   padding: 80px;
   margin: 20px 0px 20px 0px;
   background: #666;
   border: 5px solid #ccc;

   voice-family: "\"}\"";
   voice-family:inherit;
   width: 370px;
   }


#content2{
   position: absolute;
   top: 0px;
   left: 600px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }



#content3{
   position: absolute;
   top: 200px;
   left: 600px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content4{
   position: absolute;
   top: 300px;
   left: 600px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content5{
   position: absolute;
   top: 400px;
   left: 600px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content6{
   position: absolute;
   top: 500px;
   left: 600px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content7 {
   position: absolute;
   top: 600px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }


#content8 {
   position: absolute;
   top: 700px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content9 {
   position: absolute;
   top: 800px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content10 {
   position: absolute;
   top: 900px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content11 {
   position: absolute;
   top: 1000px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#content12 {
   position: absolute;
   top: 1100px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }

#indhold {
   position: absolute;
   top:1200px;
   left: 600px;
   buttom: 200px;
   padding: 10px;
   margin: 20px;
   background: #666;
   border: 5px solid #ccc;
   width: 400px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 270px;
   }




html>body #content {
   width: 370px; /* ie5win fudge ends */
   }
pre {
   font-size: 12px;
   line-height: 22px;
   margin-top: 20px;
   margin-bottom: 10px;
   }
</style>











<div id="content">
<h1>Byen</h1>





</div>


<br>
<br>



</div>
<br>
<br>
</pre>
<div id="content3"> <a
href="http://www.the-golden-city.subnet.dk/tools/guestbook.cgi">
Gæstebog</a>
</div>

<div id="content4"> <a
href="http://www.baracca.dk/berlin/judgementday.html"> Billeder
fra Judgement day</a>
</div>

<div id="content5"> <a
href="http://www.baracca.dk/berlin/andet.html"> Nogle styrt plus
diverse pjat derfra</a>
</div>

<div id="content6"> <a
href="http://www.baracca.dk/berlin/september.html"> Billeder
taget i September</a>
</div>

<div id="content7"> <a
href="http://www.baracca.dk/berlin/diverse.html"> Nogle gamle
billeder fra København</a>
</div>

<div id="content8"> <a href
="http://www.baracca.dk/berlin/underboer.html"> Underboerne helt
fucked</a>
</div>


<div id="content9"> <a href
="http://www.baracca.dk/berlin/berlin.html"> De første billeder
fra den gyldne by, leveret af Gunnar.
<br> nu også med kommentarer, disse aswell leveret af the
gun...</a>

<div id="content10"> <a href
="http://www.baracca.dk/berlin/berlin.html"> De første billeder
fra den gyldne by, leveret af Gunnar.
<br> nu også med kommentarer, disse aswell leveret af the
gun...</a>

</a>
</div>





</body>
</html>


--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

 
 
:o\) (04-02-2003)
Kommentar
Fra : :o\)


Dato : 04-02-03 22:05

Prøv at tilføje </div> efter </a> ved "content9". Fjern ligledes </a> det
ene sted, så det ikke står to gange efter hinanden.
Jeg har ikke testet det, men det er lige hvad jeg bemærker med koden.
Du skulle få:

>
> <div id="content8"> <a href
> ="http://www.baracca.dk/berlin/underboer.html"> Underboerne helt
> fucked</a>
> </div>
>
>
> <div id="content9"> <a href
> ="http://www.baracca.dk/berlin/berlin.html"> De første billeder
> fra den gyldne by, leveret af Gunnar.
> <br> nu også med kommentarer, disse aswell leveret af the
> gun...</a>
> </div> <!-- TILFØJET </div> !-->

> <div id="content10"> <a href
> ="http://www.baracca.dk/berlin/berlin.html"> De første billeder
> fra den gyldne by, leveret af Gunnar.
> <br> nu også med kommentarer, disse aswell leveret af the
> gun...</a>
>
> <!-- VÆK med </a> !-->
> </div>
>
>
>
>
>
> </body>
> </html>




Jens Gyldenkærne Cla~ (04-02-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 04-02-03 22:29

rasmus larsen skrev:

> Er der nogen der er istand til at læse igennem den her rodede
> kode og se hvorfor den nederste firkant "content10" ikke viser
> sig under den næstnederste.

Brug en offentligt tilgængelig hjemmeside til at lægge koden på
hvis du vil have nogen til at se på det hele. Alternativt kan du
sende den del af koden der volder problemer her - såfremt du altså
har en ide om hvor problemet er.

Det er særdeles upraktisk at læse og kommentere indlæg på flere
hundrede linjer (jeg må vist snart få et filter op).

Du skriver om to firkanter - hvorfor nøjedes du så ikke med at
sende koden for dem her?
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Peter Ole Kvint (05-02-2003)
Kommentar
Fra : Peter Ole Kvint


Dato : 05-02-03 20:54

Hvilket program har lavet denne skrald kode?


Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste