Avatar billede mr_y Nybegynder
27. juni 2006 - 21:33 Der er 9 kommentarer og
1 løsning

links i css

Hvordan får jeg minelinks til at virke i css. jeg harlaveten hjemmeside  i frameset ogharopdagetdetnok ikke er det bedste så er lige startet i css og kan ikke få det til at virke med de der links. i frameset skriver man bare hvor de skal åbnes. feks. i -main og så åbner de der men hvordan gør jeg når jeg bruger css til at styre siden. ?

mr_y
Avatar billede mr_y Nybegynder
27. juni 2006 - 21:36 #1
har lagt siden op på http://62.107.212.18/ og min css fil ser sådanne ud
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px;
}
.layout {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 5%;
    right: 10%;
    bottom: 5%;
    background-color: #FFFFFF;
}
.top {
    vertical-align: top;
    height: 40px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: bolder;
}
.menu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 10px;
}
.middle {
    color: #666666
    vertical-align:top
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 500px;
}
.footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: center;
   
}


og det er så i .middel jeg vil ha linkene som man trykker på skal åbne sig i
Avatar billede schwarz84 Nybegynder
27. juni 2006 - 22:06 #2
Css styrer udelukkende hvordan ting ser ud, ikke hvad de gør. Du laver links i HTML som du altid har gjort...
Avatar billede mr_y Nybegynder
27. juni 2006 - 22:15 #3
ja  men når jeg gør det så bliver hele siden jo skiftet ud og meningen var jo at den skulle åbnes i det vindue nederst på siden.

Hvordan difinerer jeg linket ?
Avatar billede schwarz84 Nybegynder
27. juni 2006 - 22:20 #4
Det kan du for eksempel bruge en iframe til:
<iframe src="side.html" name="content">

Så laver du links med target="content" for at dine sider vises i framen.
Avatar billede mr_y Nybegynder
27. juni 2006 - 22:23 #5
jeg har gjort det på min side hvis du klikker på det link jeg har givet.
men det får hele siden til at skifte. Så jeg harsikker lavet en fejl i min index.php så den kommer her.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
    background-image: url(Helehjemmesiden/images/paper.jpg);
}
-->
</style>
</head>

<body>
<table  class="layout">
  <tr>
    <td class="top"><div align="center">Karen Hansen Design .dk </div></td>
  </tr>
  <tr>
    <td class="menu"><div align="center">-<a href="start.htm" target="_content"> Home</a> -  <a href="kontakt.htm">Kontakt</a> </div></td>
  </tr>
  <tr>
    <td  class="middle"><frame SRC="start.htm"></td>
  </tr>
  <tr>
    <td  class="footer">&copy;&nbsp;Karen Hansen Design &reg; - Karen Lund Hansen - <a href="mailme:mail@karenhansendesign.dk">E-mail</a></td>
  </tr>

</table>

</body>
</html>
Avatar billede schwarz84 Nybegynder
27. juni 2006 - 22:26 #6
Nej, det er ikke det, du har gjort. Prøv:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
    background-image: url(Helehjemmesiden/images/paper.jpg);
}
-->
</style>
</head>

<body>
<table  class="layout">
  <tr>
    <td class="top"><div align="center">Karen Hansen Design .dk </div></td>
  </tr>
  <tr>
    <td class="menu"><div align="center">-<a href="start.htm" target="content"> Home</a> -  <a href="kontakt.htm" target="content">Kontakt</a> </div></td>
  </tr>
  <tr>
    <td  class="middle"><iframe SRC="start.htm" name="content" id="content"></td>
  </tr>
  <tr>
    <td  class="footer">&copy;&nbsp;Karen Hansen Design &reg; - Karen Lund Hansen - <a href="mailme:mail@karenhansendesign.dk">E-mail</a></td>
  </tr>

</table>

</body>
</html>
Avatar billede schwarz84 Nybegynder
27. juni 2006 - 22:27 #7
Hvis du henviser til noget der ikke findes (i dit tilfælde _content) så åbnes siden i hele vinduet. Derudover skal du bruge en iframe ikke en frame til formålet...
Avatar billede schwarz84 Nybegynder
28. juni 2006 - 19:10 #8
Lykkedes det?
Avatar billede mr_y Nybegynder
02. juli 2006 - 09:12 #9
ja detlykkedes rimeligt men iframen bliver ikke åbnet så den fylder hele siden. Hvor angiver jeg det.
Avatar billede mr_y Nybegynder
13. maj 2007 - 21:26 #10
har selv fundet løsningen men takker for hjælpen
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester