Kære gæst, velkommen til Tweak.dk. Hvis dette er dit første besøg her, bør du læse Hjælp. Her forklares i detaljer hvordan denne side fungerer. For at benytte alle funktionerne på denne side, bør du overveje at lade dig registrere. Benyt venligst registreringsformularen for at registrere her eller læs yderligere information om registreringsprocessen. Hvis du allerede er registreret, så log på her.

1

søndag, 20. januar 2008, 12:54


Hej drenge, sidder lidt og roder med CSS til Tweak.dk da jeg gerne vil have alt opsætning over i CSS istedet for tabeller som meget ligger i nu

http://www.tweak.dk/indexAxel.php lige lidt demo, i skal ikke tænke så meget over bredden, det er fordi jeg kører med højre kanten i begge sidder lige nu og den er breddere i højre side normalt.

mit problem er rent faktisk skyggerne, har leget lidt med venstre siden, men synes ikke jeg kan få det til at du, eller jo hvis jeg giver den "div" en fixed size...

plus jeg ikke helt forstår hvorfor siden ikke bliver centreret i IE som den ellers gør i firefox,

Håber nogle har lidt tid til at se på det og evt komme med rettelser

Forresten så er det kun lige i starten af CSS filen det nye ligger, alt under er bare det gamle..

Thomas

Intel I5 2500k | Gigabyte Z68 | 16GB Kingston | Radeon 6950 | 2xOCZ Vertex 3 120GB Raid 0 | OCZ 650W
27" (U2711) DELL | 24" (2408WFP) DELL | Ergotron LX Dual Side-by-Side

Canon 5DM2 | 16-35mm 2.8L | 24-70mm 2,8L | 85mm 1.2L USM II | 70-200mm 2.8L IS
Nogle Speedlites | PocketWizards

2

søndag, 20. januar 2008, 13:50


Før vi kommer så langt som CSS'en, så skal du lige have defineret et doctype. Måske du i det hele taget skal kigge lidt på hele toppen af koden (før body).

Kildekode

1
2
3
4
5
6
<!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>Untitled Document</title>
</head>


Ellers er det faktisk ikke helt så compliceret med den skygge. Har opstillet en lille hurtig struktur nedenunder.

Kildekode

1
2
3
4
5
<div id="container">
  <div id="header"></div>
  <div id="content"></div>
  <div id="footer"></div>
</div>


Det du skal me den struktur er, at lave en baggrund til content med en højde af en pixel og selvfølgelig inkl. skyggen - hvis du forstår.

Herefter skal du have et stykke til "header" og til "footer".

Til at centrerer sitet bruger jeg normalt:

Kildekode

1
2
3
#container {
    margin: 0 auto;
}


Ved ikke hvor forståeligt dette var?

P.s.: Når alt det med strukturen er på plads, så vil jeg også mene i med fordel kan droppe den javascript-menu i har jer. Det kan laves med CSS med hjælp af minimal brug af javascript.

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (20.01.2008, 13:54)


3

søndag, 20. januar 2008, 14:14


Det med doc type er jeg lidt ligeglad med lige nu, da det kun er BETA det her alligevel

Der er allerede noget lign..

PHP kildekode

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
<html>
<head>
    <link rel="stylesheet" href="http://www.tweak.dk/axel.css" />
</head>
<body>
<div id="pageframe">
    <div id="skyggevenstre">
    </div>
    <div id="inner">
        
        <div id="banner">
            <div id="logo">
                <a target="_self" href="../index.php"><img  id="logotrans" src="/img/trans.gif" alt="Tweak.dk"></a>
            </div>
            <div id='MenuPos'>
                menu HALLØJ                    
            </div>                
        </div>

            
        <div id="venstrebar">

                <?createForumTabel("forumHardwareHeader",1,8);    ?>
                <br>                                                                
                <?createForumTabel("forumOverclockingHeader",10,8); ?>
                <br>
                <?createForumTabel("forum3DmarkHeader",3,8);?>
                <br>                                                                
                <?createForumTabel("forumCasemodHeader",9,8); ?>
                <br>
                <?createForumTabel("forumKobSalgHeader",2,8); ?>
                <br>                                                                
                <?createForumTabel("forumSpilProgrammerHeader",6,8);?>
                <br>                                                                
                <?createForumTabel("forumOfftopicHeader",5,9);    ?>
                <br>                                                                
                <?createForumTabel("forumFilmMusikHeader",7,8);?>
                <br>
                <?createForumTabel("forumFotoGrafikHeader",27,8); ?>
                <br>
                <?createForumTabel("forumForbegynderHeader",11,8);    ?>
                <br>
                <br>
        </div>

        <div id="midten">
            <?getContents();?>

            <?getNews();?>
            <br />
            <?getNewsExternal(); ?>
            <br />
            <?getArticel();    ?>
            <br />
        </div>    

        <div id="hojrebar">

                <?createForumTabel("forumHardwareHeader",1,8);    ?>
                <br>
                <?createForumTabel("forumOverclockingHeader",10,8); ?>
                <br>
                <?createForumTabel("forum3DmarkHeader",3,8);?>
                <br>
                <?createForumTabel("forumCasemodHeader",9,8); ?>
                <br>
                <?createForumTabel("forumKobSalgHeader",2,8); ?>
                <br>
                <?createForumTabel("forumSpilProgrammerHeader",6,8);?>
                <br>
                <?createForumTabel("forumOfftopicHeader",5,9);    ?>
                <br>
                <?createForumTabel("forumFilmMusikHeader",7,8);?>
                <br>
                <?createForumTabel("forumFotoGrafikHeader",27,8); ?>
                <br>
                <?createForumTabel("forumForbegynderHeader",11,8);    ?>
                <br>
                <br>                                                                
        </div>                                                            
    </div>
</div>    
        
</body>

</html>

Kildekode

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
#pageframe
{
	width : 1000px;
	margin: 0 auto 0 auto;
	padding: 0;
}


#skyggevenstre
{
	float: left;
	margin: 0 auto 0 auto;
	height: auto;
}
#inner
{
	width : 925px;
	float: left;
	padding: 0;
}
#banner
{
	margin: 0 auto 7 auto;
	float: top;
	padding: 0;
}
#venstrebar
{
	width: 190;
	float: left;
	padding: 0;
}
#midten
{
	padding: 0 5 0 5;
	width: 525px;
	float: left;
}
#hojrebar
{
	width: 190;
	float: left;
	padding: 0;
}

Intel I5 2500k | Gigabyte Z68 | 16GB Kingston | Radeon 6950 | 2xOCZ Vertex 3 120GB Raid 0 | OCZ 650W
27" (U2711) DELL | 24" (2408WFP) DELL | Ergotron LX Dual Side-by-Side

Canon 5DM2 | 16-35mm 2.8L | 24-70mm 2,8L | 85mm 1.2L USM II | 70-200mm 2.8L IS
Nogle Speedlites | PocketWizards

4

søndag, 20. januar 2008, 15:44


Well, det skal du så ikke vælge at være ligeglad med, da mangel på Doctype eller brug af forkerte kan betyde at det ikke virker, især i IE ;)


5

søndag, 20. januar 2008, 16:31


Så kom den da i midten :D

så er det bare skyggerne vi mangler :D

Intel I5 2500k | Gigabyte Z68 | 16GB Kingston | Radeon 6950 | 2xOCZ Vertex 3 120GB Raid 0 | OCZ 650W
27" (U2711) DELL | 24" (2408WFP) DELL | Ergotron LX Dual Side-by-Side

Canon 5DM2 | 16-35mm 2.8L | 24-70mm 2,8L | 85mm 1.2L USM II | 70-200mm 2.8L IS
Nogle Speedlites | PocketWizards

6

mandag, 28. januar 2008, 23:56


Til info er jeg kommet noget længere, hjemmeside gutter kig gerne og sig hvis der er noget i mener jeg gør "helt" gal http://www.tweak.dk/indexAxel.php

Intel I5 2500k | Gigabyte Z68 | 16GB Kingston | Radeon 6950 | 2xOCZ Vertex 3 120GB Raid 0 | OCZ 650W
27" (U2711) DELL | 24" (2408WFP) DELL | Ergotron LX Dual Side-by-Side

Canon 5DM2 | 16-35mm 2.8L | 24-70mm 2,8L | 85mm 1.2L USM II | 70-200mm 2.8L IS
Nogle Speedlites | PocketWizards

Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.