Avatar billede tjacobt Nybegynder
11. februar 2007 - 15:37 Der er 14 kommentarer og
1 løsning

Tekst starter for langt nede

På min hjemmeside: www.habboez.wep.dk
Så på forsiden og på artikel siden starter teksten alt for langt nede, nogle der kan hjælpe mig, og imens i hjælper kan i så ikke også lige ændre koden så alle menuerne altså i venstre, midten og højre når bunden samme sted.?

Min forside ser såndan ud:

<html>
<head>
<style type="text/css">

body {
    margin:0px;
}
<center>#title {
    position:absolute;
    left:0px;
    top:0px;
    width:890px;
    height: 122px;
    background-color:orange;</center>
}
#leftmenu {
    position:absolute;
    left:55px;
    top:122px;
    width:160px;
    background-color:orange;
}
#rightmenu {
    position:absolute;
    right:55px;
    top:122px;
    width:160px;
    background-color:orange;
}
#content {
    padding-top: 122px;
    margin-left:215px;
    margin-right:215px;
    background-color:blue;
}

</style>
</head>
<body>
<div id="title">
<center><img src="images/banner_a.PNG"></center>
</div>

<div id="content">
Tekst kommer!
<div id="leftmenu">
<p><center><b>Navigation:</b></center></p>
<ul>
<li>Forside</li>
<li><a href="artikler.php">Artikler</a></i>
<li><i>Redaktion</i></li>
<li><i>Kontakt os</i></li>
<li><i>Tips & Tricks</i></li>
<li><i>Goodies</i></li>
<hr>
<!-- chart.dk unified trackercode - v1 -->
<script src='http://www.chart.dk/js/unified.asp'></script>
<script language='javascript'>
track_visitor(133256, '');
</script>
<noscript>
<a href="http://www.chart.dk/ref.asp?id=133256" target="_blank">
  <img src="http://cluster.chart.dk/chart.asp?id=133256" border="0" alt="Chart.dk">
</a>
</noscript>
<!-- chart.dk unified trackercode - v1 -->
</ul>
</div>

<div id="rightmenu">
<center><!-- BEGIN CBOX - http://www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www.cbox.ws/box/?boxid=930053&amp;boxtag=9745&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www.cbox.ws/box/?boxid=930053&amp;boxtag=9745&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->
</center>
</ul>
</div>
</body>
</html>
Avatar billede stenger Nybegynder
11. februar 2007 - 16:22 #1
Lav en class, eksempelvis:

.content_text {
position:absolute;
margin-top:0px;
marginp-left:0px;
}

Så sæt din tekst ind i et <p class="content_text">Tekst kommer!</p>...


Mht. til det andet spørgsmål, så kan det være lidt tricky. Man kan gøre det ved at lave et lag, som har alt det andet inden i sig, eks:

#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:810px;
background-color:transparent;
background:url(/images/filnavn.gif) repeat-y;
}

Sørg for width passer til width på alle dine andre divs lagt sammen, dvs. de skal alle kunne være derinde. Dernæst photoshopper du et baggrundsbillede, som har passer til dine lags farve. Med ovenstående CSS vil de så følges nedad og størrelsen på laget vokser alt efter mængden af indhold.

Skulle gerne virke, gør det ihvertfald for mig. Om jeg så har forklaret det ordentligt er en anden sag :)

   



}
Avatar billede tjacobt Nybegynder
11. februar 2007 - 16:29 #2
Tusind tak :)
Avatar billede stenger Nybegynder
11. februar 2007 - 16:31 #3
Selv tak! Det første virker ihvertfald... det andet skulle også gerne, selvom jeg ikke selv har prøvet det i forbindelse med iframes
Avatar billede tjacobt Nybegynder
11. februar 2007 - 16:34 #4
Jeg tester det lige, eller jeg skal til det
Avatar billede tjacobt Nybegynder
11. februar 2007 - 17:35 #5
Den ser såndan her ud nu, men kan du ikke sætte det en i koden, se selv det går helt galt, det her er koden til forsiden nu:
<html>
<head>
<style type="text/css">

body {
    margin:0px;
}
<center>#title {
    position:absolute;
    left:0px;
    top:0px;
    width:890px;
    height: 122px;
    background-color:orange;</center>
}
#leftmenu {
    position:absolute;
    left:55px;
    top:122px;
    width:160px;
    background-color:orange;
}
#rightmenu {
    position:absolute;
    right:55px;
    top:122px;
    width:160px;
    background-color:orange;
}
#content {
    padding-top: 122px;
    margin-left:215px;
    margin-right:215px;
    background-color:red;
}
#content_text {
position:absolute;
margin-top:0px;
marginp-left:0px;
}

</style>
</head>
<body>
<div id="title">
<center><img src="images/banner_a.PNG"></center>
</div>

<div id="content">
Tekst kommer!
<div id="leftmenu">
<p><center><b>Navigation:</b></center></p>
<ul>
<li>Forside</li>
<li><a href="artikler.php">Artikler</a></i>
<li><i>Redaktion</i></li>
<li><i>Kontakt os</i></li>
<li><i>Tips & Tricks</i></li>
<li><i>Goodies</i></li>
<hr>
<!-- chart.dk unified trackercode - v1 -->
<script src='http://www.chart.dk/js/unified.asp'></script>
<script language='javascript'>
track_visitor(133256, '');
</script>
<noscript>
<a href="http://www.chart.dk/ref.asp?id=133256" target="_blank">
  <img src="http://cluster.chart.dk/chart.asp?id=133256" border="0" alt="Chart.dk">
</a>
</noscript>
<!-- chart.dk unified trackercode - v1 -->
</ul>
</div>

<div id="rightmenu">
<center><!-- BEGIN CBOX - http://www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www.cbox.ws/box/?boxid=930053&amp;boxtag=9745&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="160" height="75" src="http://www.cbox.ws/box/?boxid=930053&amp;boxtag=9745&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->
</center>

<p class="content_text">Virker det mon?</p>
</ul>
</div>
</body>
</html>
Avatar billede stenger Nybegynder
11. februar 2007 - 17:49 #6
Først... det er ikke #content_text i dine styles... det er ,content_text (et punktum). #-symbolet er et lag, mens punktum udgør en class. Så ændr #content_text til .content_text!

Teksten skal se sådan her ud:

<p class="content_text">Tekst kommer!</p>

Så kan du jo også indsætte andre værdier i din style, så som:

font-family:Verdana;
font-size:12px;
og så videre... så bestemmer du jo helt selv udseendet af din tekst.
Avatar billede tjacobt Nybegynder
11. februar 2007 - 17:51 #7
Okay, tester det lige
Avatar billede tjacobt Nybegynder
11. februar 2007 - 17:56 #8
Tror stadig væk der er noget ivejen kig på www.habboez.wep.dk or højerklik og vælg vis kilde, det står jo under tagwallen
Avatar billede stenger Nybegynder
11. februar 2007 - 18:02 #9
Slet den nederste Tekst kommer-afsnit. Jeg mente at du skulle sætte det ind i den øverste, i det lag der hedder #content..

Altså:


<div id="content">
<p class="content_text">Tekst kommer!</p>
<div id="leftmenu">
<p><center><b>Navigation:</b></center></p>
<ul>
<li>Forside</li>
...
Avatar billede tjacobt Nybegynder
11. februar 2007 - 18:15 #10
Okay, jeg prøver det lige
Avatar billede tjacobt Nybegynder
12. februar 2007 - 08:41 #11
Men hvor skal denne kode stå?

#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:810px;
background-color:transparent;
background:url(/images/filnavn.gif) repeat-y;
}
Avatar billede stenger Nybegynder
12. februar 2007 - 13:21 #12
Lige under

body {
    margin:0px;
}

i dine styles. Husk at tilpasse width til den rigtige width, evt. ændre margin-top(styrer hvor langt nede din side starter i browseren) og sæt background:url(/images/filnavn.gif) til at pege derhen, hvor du rent faktisk har gemt dit baggrundsbillede.


Du sætter så laget ind som det allerførste, det vil sige:

<div id="wrapper">

<div id="title">
<center><img src="images/banner_a.PNG"></center>
</div>
....

og afslutte det som det sidste:
Avatar billede stenger Nybegynder
12. februar 2007 - 13:21 #13
<!-- END CBOX -->
</center>
</ul>
</div>
</div>


Sådan
Avatar billede tjacobt Nybegynder
12. februar 2007 - 14:21 #14
Kan ikke se der er sket forandringer, rpøv lige at kigge om koden er korrekt
Avatar billede stenger Nybegynder
13. februar 2007 - 12:47 #15
<div id="wrapper"> på en linje for sig.

Skal sættes ind i starten som det første element, lige efter <body> linjen.

Derefter kører du resten af din kode, som den ser ud nu.

Lige inden </body> linjen indsætter du så en </div>, for at afslutte wrapper.

Det er kun de to linjer, som skal skrives ind.

Og så skal du selvfølglig have lavet noget grafik, der passer til som baggrundsbillede,
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