Hjælp til lidt CSS og PHP..

Her kan du spørge om hjælp til design, templates og css.
Locked
kragster
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Tue May 06, 2008 11:09 am

Hjælp til lidt CSS og PHP..

Post by kragster » Mon May 19, 2008 9:20 am

Hejsa,
Jeg er ved at lave en hjemmeside ud fra en template, men jeg kunne godt tænke mig at tilføje et par bannere på siden. Så vidt jeg har forstået det, så kræver det at man roder en smule i css arket og index.php, hvis det overhovedet kan lade sig gøre, hvorfor jeg har tilladt mig at paste koden for disse filer.

Code: Select all

/* all reset,layout */
* {
    margin:  0;
    padding: 0;
}
td,p,div,tr {
    font-family: Tahoma,verdana,arial;
    font-size:   13px;
    color:       #666;
}
body {
    font-family: tahoma,verdana,arial;
    font-size:   12px;
    padding:     0px 0px 0px 0px;
    margin:      0px 0px 0px 0px;
}
.all {
    padding:           0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    color:             #333;
    background-image:  url(../images/all.png);
    background-repeat: repeat-x;
    background-color:  #003366;
}
#container {
    width: 100%;
}
#wrapper {
    width:            855px;
    
}
#header {
    background-image:  url(../images/header.png);
    background-repeat: no-repeat;
    height:            150px;
	margin-top: 60px;
}


#topnav {
    margin-top:        150px;
    background-image:  url(../images/topnav_bg.png);
    background-repeat: repeat-x;
    height:            30px;
    width:             427px;
    float:             right;
}

#bar {
    margin-top:        150px;
    background-image:  url(../images/topnav_bg.png);
    background-repeat: repeat-x;
    height:            30px;
    width:             428px;
    float:             left;
}



#content {
    
	margin-top:          15px;
    background-color:    #FFFFFF;
	padding:             5px;
    background-image:    url(../images/content_bg.png);
    background-repeat:   repeat-x;
    background-position: top;
	margin-left: px;
	
}
#maincontent {
    margin-right: 10px;
	margin-top: 30px;
	margin-left: px;
	background-image:  url(../images/right_div_bg.png);
    background-repeat: repeat;
    border:            1px solid #E4E4E4 ;
	text-indent: px;
}
#left {
    width: 210px;
	margin-top: 30px;
}
#left div.moduletable {
	margin-top: 	   px;
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/right_div_bg.png);
    background-repeat: repeat;
    border:            1px solid #E4E4E4 ;
}
#left div.moduletable h3 {
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
#right {
	margin-top: 30px; 
}
#right div.moduletable {
    
	margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/right_div_bg.png);
    background-repeat: repeat;
    border:            1px solid #E4E4E4 ;
}
#right div.moduletable h3 {
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
div.moduletable-blue {
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/blue_mod_bg.png);
    background-repeat: repeat;
}
div.moduletable-blue td {
    font-size:  11px;
    text-align: left;
}
div.moduletable-yellow {
    margin-bottom:     8px;
    padding:           8px;
    background-image:  url(../images/yellow_mod_bg.png);
    background-repeat: repeat;
}
div.moduletable-yellow td {
    font-size:  11px;
    text-align: left;
}
div.moduletable-yellow h3 {
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
#bottom div.moduletable {
    margin-bottom:     8px;
    padding:           8px;
    
}
#bottom div.moduletable h3 {
    margin-bottom: 8px;
    color: #FFFFFF;
    font-size:     14px;
    font-weight:   bold;
}
#bottom div.moduletable td {
   
    color: #A2A2A2;
	width: 18%;
    
}
#right {
    margin-right: 10px;
}
#bottom {
    padding:           10px;
    height:			   ;
    background-image:  url(../images/bottom_bg.png);
    background-repeat: repeat;
	
}
#bottom p{ 
    color: #FFFFFF;
    font-size:11px;
    

}
#footer{
margin-top:10px
}
#footer P{
color: #FFFFFF;
font-size:11px;
}
#footer a:link, #footer a:visited{
color: #FFFFFF;
}
/* splitmenu */
#navlist {
    margin:  0px;
    padding: 0px 0px 0px 0px;
}
#navlist ul, #navlist li {
    display:         inline;
    list-style-type:none;
}
#navlist a:link, #navlist a:visited {
    padding:         8px 8px 8px 8px;
    float:           left;
    font-size:       11px;
    margin:          0px;
    text-decoration: none;
    color:           #FFFFFF;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
    color:             #FFFFFF;
    background-image:  url(../images/top_nav_active.png);
    background-repeat: repeat-x;
}
#navlist a:hover {
    color: #FFFFFF;
}
/* joomla css stuff */
ul#mainlevel-nav {
    list-style:   none;
    font-size:    11px;
    height:       28px;
    padding-left: 20px;
}
ul#mainlevel-nav li {
    float:          left;
    font-size:      11px;
    font-weight:    normal;
    text-transform: lowercase;
    text-align:     center;
    font-family:    Arial,Tahoma, Helvetica, sans-serif;
    display:        block;
    background:     none ;
    padding-right:  20px;
    padding-top:    5px;
}
ul#mainlevel-nav li a {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    padding-top:     0px;
    text-decoration: none;
    color:           #FFFFFF;
    font-weight:     bold;
}
ul#mainlevel-nav li a:hover {
    display:         block;
    padding-left:    5px;
    padding-right:   5px;
    text-decoration: none;
    font-weight:     bold;
}
a:link, a:visited {
    color:           #FF0000;
    font-weight:     bold;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
}
form {
    display: inline;
    margin:  0;
    padding: 0;
}
h1 {
    color:       #666666;
    font-weight: normal;
    font-size:   20px;
}
ul {
}
li {
    margin-left: 20px;
}
img {
    border: 2px solid #ff0000;
}
ol {
    margin-left:         20px;
    list-style-position: inherit;
}
blockquote {
    margin: 10px;
}
blockquote div {
}
pre {
    padding: 10px;
}
table.contenttoc {
    margin:  3px;
    padding: 5px;
}
.contenttoc th {
    padding:     3px;
    color:       #935454;
    font-weight: bold;
}
.contenttoc a {
    font-size:   11px;
    padding:     0 5px 0 5px;
    font-weight: normal;
}
.contenttoc a:hover {
    font-size:    11px;
    color:        #935454;
    padding-left: 5px;
}
.contenttoc td {
    padding: 3px;
}
.contentpane {
    font-family: Arial,Tahoma,  Helvetica, sans-serif;
    font-size:   11px;
    line-height: 18px;
    text-align:  left;
}
.contentpaneopen ul {
    margin-left: 10px;
}
.contentpane ul {
    margin-left: 10px;
}
table.contentpaneopen,table.contentpane {
}
table.contentpaneopen li {
    margin-left: 20px;
}
div.moduletable {
    font-size: 11px;
}
div.moduletable td {
    text-align: left;
    font-size:  11px;
}
div.moduletable h3 {
    text-align:    left;
    margin-bottom: 8px;
    color:         #333333;
    font-size:     14px;
    font-weight:   bold;
}
table.moduletable th {
    color:               #898371;
    text-align:          left;
    vertical-align:      middle;
    font-weight:         normal;
    padding-left:        5px;
    padding-top:         15px;
    padding-bottom:      10px;
    font-size:           14px;
    background-image:    url(../images/modth.png);
    background-repeat:   no-repeat;
    background-position: bottom;
    width:               230px;
    text-transform:      uppercase;
}
.contentpaneopen fieldset {
    border: none ;
    width:  100%;
}
.contentpaneopen td {
    padding:    0;
    text-align: left;
}
.contentdescription {
}
.latestnews li {
    list-style-type: none;
}
.latestnews li a {
    border-bottom: 1px solid #666;
    display:       block;
}
.latestnews li a:hover {
}
.mostread li {
    list-style-type: none;
}
.mostread li a {
    border-bottom: 1px solid #666;
    display:       block;
}
.mostread li a:hover {
}
ul.latestnews li {
    padding:     2px 2px 5px 0px;
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
}
.latestnews a:link {
    text-transform: capitalize;
    color:          #CCC;
}
.latestnews a:visited {
    color: #CCC;
}
.latestnews a:hover {
    color: #FF0000;
}
ul.mostread li {
    margin-left: 0px;
    color:       #808080;
    width:       auto;
    text-align:  left;
    padding:     2px 2px 5px 0px;
}
.mostread a:link {
    text-transform: capitalize;
    color:          #CCCCCC;
}
.mostread a:visited {
    color: #CCCCCC;
}
.mostread a:hover {
    color: #FF0000;
}
td.contentheading {
	color:           #333333;
    font-family:     arial,Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       20px;
    letter-spacing:  -0.05em;
	
}
div.componentheading {
    color:           #333333;
    font-family:     tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       20px;
    text-align:      left;
		
}
a.contentpagetitle:link,a.contentpagetitle:hover {
    font-family:     Tahoma,Arial,tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-size:       14px;
}
a.contentpagetitle:hover {
    color: #CCCC99;
}
.createdate, td.createdate {
    color:          #666666;
    font-size:      11px;
    font-weight:    bold;
    text-transform: lowercase;
    padding-bottom: 3px;
}
.modifydate,.small {
    color:          #FF0000;
    font-size:      11px;
    font-weight:    normal;
    text-transform: uppercase;
}
.highlight {
    color:            #FFFFFF;
    background-color: red;
}
.mosimage {
    margin:  5px;
    padding: 5px;
    border:  none ;
}
.mosimage_caption {
    padding:             1px 2px;
    color:               #898371;
    font-size:           10px;
    font-weight:         bold;
    border-bottom-style: solid;
    border-bottom-color: #808080;
    border-bottom-width: 1px;
}
.contentpaneopen img {
    margin: 5px;
}
.contentpane img {
    margin: 5px;
}
a.mainlevel:link, a.mainlevel:visited {
    display:             block;
    height:              18px !important;
    height:              26px;
    vertical-align:      middle;
    font-size:           12px;
	
	font-weight:         normal;
    text-align:          left;
	text-indent: 5px;
    text-decoration:     none;
    text-transform:      capitalize;
    color:               #FF0000;
    padding-top:         2px;
    background-image:    url(../images/menu_icon.png);
    background-repeat:   no-repeat;
    background-position: 5px;
    border-bottom-width: 1px;
    border-bottom-color: #999999;
    border-bottom-style: solid;
	
}
a.mainlevel:hover {
    text-decoration: none;
    color:           #000000;
    font-weight: none;
	background-color: #FF0000;
	
	
}
a.mainlevel#active_menu {
    color:       #000000;
    font-weight: bold;
	
}
a.mainlevel#active_menu:hover {
    color: #000000;
	
	
}
a.sublevel:link, a.sublevel:visited {
    font-size:      11px;
    padding-left:   10px;
    padding-bottom: 3px;
    line-height:    20px;
    display:        block;
    margin-left:    10px;
    font-family:    Arial, Verdana,Tahoma;
    color:          #00CCCC;
    text-transform: lowercase;
    font-weight:    normal;
}
a.sublevel:hover {
    text-decoration: none;
}
#mod_login_username {
    padding:     5px 0 0px 5px;
    width:       168px;
    font-size:   11px;
    background:  url(../images/mod_login_input.png) no-repeat ;
    color:       #F41400;
    font-family: tahoma;
    border:      1px solid gray;
    font-weight: bold;
    height:      16px;
}
#mod_login_password {
    padding:     5px 0 0px 5px;
    width:       168px;
    font-size:   11px;
    background:  url(../images/mod_login_input.png) no-repeat ;
    color:       #F41400;
    font-family: tahoma;
    border:      1px solid gray;
    font-weight: bold;
    height:      16px;
}
#mod_login_remember {
    border:     none ;
    background: none ;
    margin:     0;
}
.inputbox {
    height: 20px;
	width: auto;
	top:5px;
	font-size:  14px;
    border:     1px solid gray ;
    background: #FFFFFF ;
	
}
.button {
    padding:     1px;
    padding:     2px !important;
    color:       #FFFFFF;
    font-size:   9px;
    border:      none ;
    font-weight: bold;
    background:  #F41400 ;
	width:		 45px;
	height:		 20px;
	margin-left: 3px;
	margin-bottom: 1px;
	text-indent: 10px;
}

.sectiontableheader {
    font-weight: bold;
    background: #A2A2A2;
    padding:     4px;
    color:       #333333;
}
.sectiontableentry1 td {
    padding: 3px;
}
.sectiontableentry2 td {
    padding:    3px;
    background: #E5E5E5;
}
.sectiontableentry1 {
    padding: 2px;
}
.sectiontableentry2 {
    padding: 2px;
}
.readon {
    font-size:           11px;
    float:               left;
    padding-right:       10px;
    background-image:    url(../images/readon.png);
    background-position: left;
    background-repeat:   no-repeat;
    padding-left:        25px;
    height:              18px;
}
.readon a:link, .readon a:visited {
    color: #FFFFFF;
}
.readon a:hover {
    color: #EBCA71;
}
.back_button a {
    padding:    2px 5px 2px 20px;
    text-align: center;
    display:    block;
}
.back_button a:hover {
    padding: 2px 5px 2px 20px;
    color:   #FF0000;
}
.pagenav {
    text-align:        center;
    color:             #ffffff;
    margin:            0px -2px 0px 0px;
    padding:           1px 6px 1px 6px;
    font-size:         11px;
    font-family:       arial,verdana,tahoma;
    background-image:  url(../images/btnlogin.gif);
    background-repeat: repeat-x;
}
a.pagenav, a.pagenav:visited {
    color: #ffffff;
}
a.pagenav:hover {
    color:            #ffffff;
    background-color: #000000;
    border:           1px solid #5d5d5d ;
}
span.pathway {
    color:       #666666;
    font-size:   11px;
    font-weight: bold;
}
span.pathway a:link,
span.pathway a:visited {
    color:       #666666;
    font-weight: bold;
    font-size:   11px;
}

Code: Select all

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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>
<?php if ( $my->id ) { initEditor(); } ?>
<?php include($GLOBALS['mosConfig_absolute_path']."/templates/emagazine/splitmenu.php"); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>
</head>
<body>
<body class="all">
<div align="center">
  <div id="container">
    <div id="wrapper">
      <div id="header">
        <div id="topnav"><?php echo $mycssPSPLITmenu_content; ?> </div>
        <div id="bar"></div>     
      
      </div>
      <div id="content">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="top"><div id="maincontent">
                <?php mosMainBody(); ?>
              </div></td>
            <?php if (mosCountModules( "right" )) { ?>
            <td width="200" align="left" valign="top"><div id="right">
                <?php if (mosCountModules('right')>0) mosLoadModules('right',-2); ?>
              </div></td>
            <?php } ?>
            <?php if (mosCountModules( "left" )) { ?>
            <td width="180" align="left" valign="top"><div id="left">
                <?php  mosLoadModules('left',-2); ?>
              </div></td>
            <?php } ?>
          </tr>
        </table>
      </div>
      
      <?php if(mosCountModules('user1') || mosCountModules('user2')|| mosCountModules('newsflash')|| mosCountModules('user8')) { ?>
      <div id="bottom">
      	<center>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            
            <?php if (mosCountModules( "top" )) { ?>
            <td width="25%" align="center" valign="top"><div id="modleft">
                
                            
				<?php if (mosCountModules('top')>0) mosLoadModules('top',-3); ?>
              </div></td>
            <?php } ?>
            <?php if (mosCountModules( "user1" )) { ?>
            <td width="25%" align="center" valign="top"><div id="modcent">
                <?php if (mosCountModules('user1')>0) mosLoadModules('user1',-3); ?>
              </div></td>
            <?php } ?>
            <?php if (mosCountModules( "user2" )) { ?>
            <td width="25%" align="center" valign="top"><div id="modcent">
                <?php  mosLoadModules('user2',-3); ?>
              </div></td>
            <?php } ?>
            <?php if (mosCountModules( "user8" )) { ?>
            <td width="25%" align="center" valign="top"><div id="modcent">
                <?php  mosLoadModules('user8',-3); ?>
              </div></td>
            <?php } ?>
            
          </tr>
        </table>
        <?php } ?>
      </div>
      
      <div id="footer"><p>Powered by <a href="http://www.joomla.org">Joomla! </a>| <a href="http://www.seoweb.dk">SEO Consultancy</a> by<a href="http://www.seoweb.dk"> Seoweb</a></p>
      </div>
    </div>
  </div>
</div>
</div>
</body>
</html>
Denne kode giver et layout i tre kolonner, der er 855px bred. Jeg kunne godt tænke mig at have to containere til bannere, der skal være placeret parralelt med indholdet, hhv. til højre og venstre for main content med en margin på 20px til kanten af siden og en margin i toppen, så de flugter med headeren. Bannerne skal have dimensionerne 50px brede og 500px høje. Kan nogen hjælpe mig på vej med dette?
Lidt på samme måde som Medie Centralen banneret sidder på edbpriser.dk, bare på begge sider af main content.
Mvh
Lars Kragh

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Hjælp til lidt CSS og PHP..

Post by Gadensgaard » Mon May 19, 2008 11:09 am

Det ville være noget nemmere at overskue hvis du lige linker til siden engang

kragster
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Tue May 06, 2008 11:09 am

Re: Hjælp til lidt CSS og PHP..

Post by kragster » Mon May 19, 2008 11:38 am

Hehe :-) Dig og dine links! Spøg til side, så arbejder jeg lokalt på hjemmesiden, så kan ikke smide et link. Uploader den senere i dag, så du kan kigge :)

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Hjælp til lidt CSS og PHP..

Post by Gadensgaard » Mon May 19, 2008 11:56 am

Ja mange tak :). Men alting bliver også lidt nemmere når man kan se hvad man arbejdet med ;)

User avatar
KimM
Joomla! Ace
Joomla! Ace
Posts: 1093
Joined: Thu Aug 18, 2005 10:45 am
Contact:

Re: Hjælp til lidt CSS og PHP..

Post by KimM » Mon May 19, 2008 8:49 pm

Har du søgt på extentions efter reklame-komponenter? Det kan være et sted at starte.

Alternativt kan du begive dig ud i at bruge OpenX, men det kræver at du indsætter noget kode enten direkte i templaten, eller i nogle moduler, som du skal kunne placere præcis hvor du vil.
Mvh Kim

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Hjælp til lidt CSS og PHP..

Post by Gadensgaard » Mon May 19, 2008 9:00 pm

Jeg tror det han søger er hjælp til at tilføje ekstra modulpositioner i templatet hvori han kan have reklamer. Ellers har jeg misforstået spørgsmålet.

kragster
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Tue May 06, 2008 11:09 am

Re: Hjælp til lidt CSS og PHP..

Post by kragster » Tue May 20, 2008 9:58 am

Gadensgaard wrote:Jeg tror det han søger er hjælp til at tilføje ekstra modulpositioner i templatet hvori han kan have reklamer. Ellers har jeg misforstået spørgsmålet.
Rigtigt forstået.

kragster
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Tue May 06, 2008 11:09 am

Re: Hjælp til lidt CSS og PHP..

Post by kragster » Wed May 21, 2008 12:09 pm

Hej,
Jeg har sendt dig nogle personlige oplysninger i PM, så du kan se siden. Det drejer sig om 2 module positioner til bannere. Bannerne skal være ca. 75 px brede og 500 px høje og være på hhv. venstre og højre side af main. Håber du kan vise mig hvordan jeg laver CSS koden til de nye positioner. Så kan jeg selv rode lidt med at rette dem til og sætte modulerne ind i index.php.
Mvh
Lars Kragh

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Hjælp til lidt CSS og PHP..

Post by Gadensgaard » Wed May 21, 2008 1:29 pm

Jeg ville lave en stor dív uden omkring det hele og så smide 3 divs derind i. I den første div kan du så smide reklame banneret, i den anden "selve templatet" og i den sidste det andet banner.

de 3 divs giver du så et ID og giver den store div en bredde så det passer med main + 2 reklame bannere. Alle 3 divs skal så have float left i CSS.

Jeg håber det gav mening :)?

kragster
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Tue May 06, 2008 11:09 am

Re: Hjælp til lidt CSS og PHP..

Post by kragster » Mon May 26, 2008 11:13 am

Hej,
Det lykkedes endeligt med din måde at gøre det på. Nu har jeg faktisk fået en god forståelse af hvordan Joomla fungerer og hvordan template.css og index.php spiller sammen. Så tak for det!
Vil det være muligt at gøre sådan, at bannerne altid ligger midt i skærmområdet horizontalt, men resten af siden scroller som normalt?
Mvh
Lars Kragh

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Hjælp til lidt CSS og PHP..

Post by Gadensgaard » Mon May 26, 2008 12:15 pm

horizontalt er vandret? Mon ikke du mener vertikalt? Eller vil du have en banner over selve siden?

kragster
Joomla! Apprentice
Joomla! Apprentice
Posts: 25
Joined: Tue May 06, 2008 11:09 am

Re: Hjælp til lidt CSS og PHP..

Post by kragster » Mon May 26, 2008 4:47 pm

Jo, verticalt selvfølgelig :)

Gadensgaard
Joomla! Champion
Joomla! Champion
Posts: 6139
Joined: Sat Nov 18, 2006 12:29 pm

Re: Hjælp til lidt CSS og PHP..

Post by Gadensgaard » Mon May 26, 2008 4:54 pm

Jeg tror faktisk ikke at det kan lade sig gøre uden brug af javascript.

User avatar
zimmik
Joomla! Hero
Joomla! Hero
Posts: 2096
Joined: Thu Aug 18, 2005 12:57 pm
Location: Skanderborg, Denmark
Contact:

Re: Hjælp til lidt CSS og PHP..

Post by zimmik » Wed Jun 25, 2008 10:21 am

Jeg tror faktisk ikke at det kan lade sig gøre uden brug af javascript.
Det kan lade sig gøre med ren css, ved at bruge position: fixed. Man bestemmer hvor det skal placeres ved hjælp af top: xxpx, left: xxpx, right: xxpx, bottom:xxpx.
// Simon Milling Mikkelsen

Husk!: Google, og forummets søgefunktion er din ven!


Locked

Return to “Template, CSS og Design”