Welkom, Gast. Je bent niet ingelogd.

HTML/CSS - Balk langer maken.

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 17:54
PimpCoins: 0
💸+
Bewerken Quote

Hallo mensen.
Ik ben bezig aan mijn site en ik heb een vraag.
Op mijn site is een menubalk met menuknoppen, ik zou die graag willen laten doorlopen op alle resoluties.

Ik heb een tekstbestand geupload met mijn HTML code erin.
[url]http://www.yourfilehost.com/media.php?cat=other&file=site_code.txt[/url]
De menubalk items zijn ''menubalk links'' en ''menubalk rechts''.
Of iemand van jullie in het tekstbestand iets willen veranderen zodat die menubalk doorloopt?
Dank.

Matt

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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<html>
<head>
<div align="center">
<title>DJ Matt - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#00000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Home.psd) -->
<table id="Table_01" width="811" height="601" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="images/DJ-MATT.jpg" width="175" height="60" alt=""></td>
        <td colspan="10">
            <img src="images/Home_02.gif" width="635" height="60" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="60" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/Menubalk-links.gif" width="55" height="54" alt=""></td>
        <td>
            <img src="images/Home.gif" width="97" height="54" alt=""></td>
        <td colspan="3">
            <img src="images/About.gif" width="96" height="54" alt=""></td>
        <td>
            <img src="images/Releases.gif" width="95" height="54" alt=""></td>
        <td rowspan="2">
            <img src="images/Agenda.gif" width="96" height="55" alt=""></td>
        <td>
            <img src="images/Links.gif" width="84" height="54" alt=""></td>
        <td colspan="3">
            <img src="images/Contact.gif" width="97" height="54" alt=""></td>
        <td rowspan="7">
            <img src="images/Home_10.gif" width="1" height="540" alt=""></td>
        <td rowspan="2">
            <img src="images/Menubalk-rechts.gif" width="189" height="55" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="54" alt=""></td>
    </tr>
    <tr>
        <td colspan="8" rowspan="2">
            <img src="images/Home_12.gif" width="343" height="39" alt=""></td>
        <td colspan="4" rowspan="2">
            <img src="images/Home_13.gif" width="181" height="39" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Home_14.gif" width="96" height="38" alt=""></td>
        <td rowspan="5">
            <img src="images/Home_15.gif" width="189" height="485" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="38" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="images/Home_16.gif" width="16" height="447" alt=""></td>
        <td colspan="10">
            <img src="images/achtergrond---tekst-%281%29.gif" width="593" height="282" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="images/Home_18.gif" width="11" height="297" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="282" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Home_19.gif" width="13" height="15" alt=""></td>
        <td colspan="4">
            <img src="images/www.4seasonsevents.nl.gif" width="191" height="15" alt=""></td>
        <td colspan="5">
            <img src="images/achtergrond---tekst-%282%29.gif" width="389" height="15" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="images/achtergrond-tekst-%283%29.gif" width="594" height="75" alt=""></td>
        <td rowspan="2">
            <img src="images/Home_23.gif" width="10" height="150" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="75" alt=""></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="images/Home_24.gif" width="594" height="75" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="75" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/spacer.gif" width="16" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="13" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="26" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="97" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="23" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="45" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="28" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="95" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="96" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="84" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="86" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="10" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="189" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
</div>

[Laatst bewerkt door Matt op woensdag 30 januari 2008, om 19:18]
Sharp
:')
moderator
Geplaatst op: 30 Jan 2008, 18:01
PimpCoins: 0
💸+
Bewerken Quote

In je CSS bg image maken en dan repeat-x doen.

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 18:03
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

In je CSS bg image maken en dan repeat-x doen.

Ik heb geen idee wat je nu zegt, ik kan een beetje van HTML en daar houd het op.
Zou je dat in mijn tekstbestand willen zetten aub?

Maarten
Geplaatst op: 30 Jan 2008, 18:32
PimpCoins: 0
💸+
Bewerken Quote

Come on. Leer html even en je kan het goed doen zonder frontpage .

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 18:36
PimpCoins: 0
💸+
Bewerken Quote

Maarten schreef:

Come on. Leer html even en je kan het goed doen zonder frontpage .

Ja maar ik zou nu graag willen dat iemand die code voor me veranderd.

Sharp
:')
moderator
Geplaatst op: 30 Jan 2008, 18:46
PimpCoins: 0
💸+
Bewerken Quote

Lol nee, doe zelf maar eens wat moeite.

1
background-image: url(http://www.jesite/com/bg.gif); background-repeat: repeat-x;

In je CSS doen.

[Laatst bewerkt door Sharp op woensdag 30 januari 2008, om 18:46]
Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 18:49
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

Lol nee, doe zelf maar eens wat moeite.

[...]

In je CSS doen.


Waar moet k dat erin zetten dan?

Sharp
:')
moderator
Geplaatst op: 30 Jan 2008, 19:03
PimpCoins: 0
💸+
Bewerken Quote

In je CSS? Post je CSS eens dat zet ik het er wel in

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 19:08
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

In je CSS? Post je CSS eens dat zet ik het er wel in

Welke CSS, ik heb niks van CSS en ik snap er niks van.

Wel is mijn code geupload....

Sharp
:')
moderator
Geplaatst op: 30 Jan 2008, 19:10
PimpCoins: 0
💸+
Bewerken Quote

Ik heb dus geen zin om hem te downloaden en why the fuck upload je hem als .txt? Post hem hier maar tussen de code tags dan fix ik t wel.

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 19:17
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

Ik heb dus geen zin om hem te downloaden en why the fuck upload je hem als .txt? Post hem hier maar tussen de code tags dan fix ik t wel.

Is goed, ik voeg het toe aan openingspost...1 minute.

Edit: Done.

[Laatst bewerkt door Matt op woensdag 30 januari 2008, om 19:18]
Sharp
:')
moderator
Geplaatst op: 30 Jan 2008, 19:44
PimpCoins: 0
💸+
Bewerken Quote

Omfg. Heb je het met photoshop gesliced? Lekker valid is alles nu en gebruikersvriendelijk. Sorry maar hier ga ik niet aan beginnen. Volg eerst maar een html tut zodat je iig je lay goed kan opbouwen.

Maarten
Geplaatst op: 30 Jan 2008, 19:44
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

Omfg. Heb je het met photoshop gesliced? Lekker valid is alles nu en gebruikersvriendelijk. Sorry maar hier ga ik niet aan beginnen. Volg eerst maar een html tut zodat je iig je lay goed kan opbouwen.

Met CSS natuurlijk!

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 19:55
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

Omfg. Heb je het met photoshop gesliced? Lekker valid is alles nu en gebruikersvriendelijk. Sorry maar hier ga ik niet aan beginnen. Volg eerst maar een html tut zodat je iig je lay goed kan opbouwen.

Kheb geen idee hoe ik alles moet doen, het enige wat ik kan is PS en een beetje (echt heel weinig) van HTML.

Maarten
Geplaatst op: 30 Jan 2008, 19:56
PimpCoins: 0
💸+
Bewerken Quote

Matt schreef:

[...]
Kheb geen idee hoe ik alles moet doen, het enige wat ik kan is PS en een beetje (echt heel weinig) van HTML.

Ga het dan op je gemak leren man, dan kan je tenminste een goede site maken.

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 20:21
PimpCoins: 0
💸+
Bewerken Quote

Maarten schreef:

[...]
Ga het dan op je gemak leren man, dan kan je tenminste een goede site maken.

Ik kan een goede site maken, maar het enige wat ik nu nodig heb, is dat die balk doorloopt, dan kan ik dat in alle andere pagina's toepassen, als ik een voorbeeld heb.

Sharp
:')
moderator
Geplaatst op: 30 Jan 2008, 20:25
PimpCoins: 0
💸+
Bewerken Quote

Ik heb je gezegd hoe het kan, dmv de functie repeat-x als bg attribuut in CSS. Je moet eens even Googlen en dan even zelf leren hoe het moet omdat ik die zuigcode niet ga aanpassen simpelweg omdatie on overzichtelijk is en ik te lui ben. Doe zelf eens moeite.

sandr
aka Chuck Norris
Geplaatst op: 30 Jan 2008, 21:18
PimpCoins: 0
💸+
Bewerken Quote

aub:
nu issie ook gelijk html valid (heb nog wat meer aangepast)
zal vast niet helemaal goed zijn, maar een online voorbeeld (met plaatjes) zou handig zijn

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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<title>DJ Matt - Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#00000" style="margin: 0px;">
<center>
<!-- ImageReady Slices (Home.psd) -->
<table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="5">
            <img src="images/DJ-MATT.jpg" width="175" height="60" alt=""></td>
        <td colspan="10">
            <img src="images/Home_02.gif" width="635" height="60" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="60" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <table width="811">
                <tr>
                    <td colspan="3">
                        <img src="images/Menubalk-links.gif" width="55" height="54" alt=""></td>
                    <td>
                        <img src="images/Home.gif" width="97" height="54" alt=""></td>
                    <td colspan="3">
                        <img src="images/About.gif" width="96" height="54" alt=""></td>
                    <td>
                        <img src="images/Releases.gif" width="95" height="54" alt=""></td>
                    <td rowspan="2">
                        <img src="images/Agenda.gif" width="96" height="55" alt=""></td>
                    <td>
                        <img src="images/Links.gif" width="84" height="54" alt=""></td>
                    <td colspan="3">
                        <img src="images/Contact.gif" width="97" height="54" alt=""></td>
                    <td rowspan="7">
                        <img src="images/Home_10.gif" width="1" height="540" alt=""></td>
                    <td rowspan="2">
                        <img src="images/Menubalk-rechts.gif" width="189" height="55" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="54" alt=""></td>
                </tr>
                <tr>
                    <td colspan="8" rowspan="2">
                        <img src="images/Home_12.gif" width="343" height="39" alt=""></td>
                    <td colspan="4" rowspan="2">
                        <img src="images/Home_13.gif" width="181" height="39" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="1" alt=""></td>
                </tr>
                <tr>
                    <td>
                        <img src="images/Home_14.gif" width="96" height="38" alt=""></td>
                    <td rowspan="5">
                        <img src="images/Home_15.gif" width="189" height="485" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="38" alt=""></td>
                </tr>
                <tr>
                    <td rowspan="4">
                        <img src="images/Home_16.gif" width="16" height="447" alt=""></td>
                    <td colspan="10">
                        <img src="images/achtergrond---tekst-%281%29.gif" width="593" height="282" alt=""></td>
                    <td colspan="2" rowspan="2">
                        <img src="images/Home_18.gif" width="11" height="297" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="282" alt=""></td>
                </tr>
                <tr>
                    <td>
                        <img src="images/Home_19.gif" width="13" height="15" alt=""></td>
                    <td colspan="4">
                        <img src="images/www.4seasonsevents.nl.gif" width="191" height="15" alt=""></td>
                    <td colspan="5">
                        <img src="images/achtergrond---tekst-%282%29.gif" width="389" height="15" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="15" alt=""></td>
                </tr>
                <tr>
                    <td colspan="11">
                        <img src="images/achtergrond-tekst-%283%29.gif" width="594" height="75" alt=""></td>
                    <td rowspan="2">
                        <img src="images/Home_23.gif" width="10" height="150" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="75" alt=""></td>
                </tr>
                <tr>
                    <td colspan="11">
                        <img src="images/Home_24.gif" width="594" height="75" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="75" alt=""></td>
                </tr>
                <tr>
                    <td>
                        <img src="images/spacer.gif" width="16" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="13" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="26" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="97" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="23" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="45" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="28" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="95" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="96" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="84" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="86" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="10" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="1" height="1" alt=""></td>
                    <td>
                        <img src="images/spacer.gif" width="189" height="1" alt=""></td>
                    <td></td>
                    </tr>
            </table>
        </td>
    </tr>
</table>
</center>
<!-- End ImageReady Slices -->
</body>
</html>

[Laatst bewerkt door sandr op woensdag 30 januari 2008, om 21:21]
Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 22:10
PimpCoins: 0
💸+
Bewerken Quote

sandr schreef:

aub:
nu issie ook gelijk html valid (heb nog wat meer aangepast)
zal vast niet helemaal goed zijn, maar een online voorbeeld (met plaatjes) zou handig zijn
[...]

Sorry, hij werkt niet:

Maarten
Geplaatst op: 30 Jan 2008, 22:12
PimpCoins: 0
💸+
Bewerken Quote

Matt schreef:

[...]
Sorry, hij werkt niet:
[Afbeelding]

Ook niet als je hem online zet?

Matt
iPhone 3GS
Geplaatst op: 30 Jan 2008, 22:18
PimpCoins: 0
💸+
Bewerken Quote

Maarten schreef:

[...]
Ook niet als je hem online zet?

weet ik niet, ga ik nu proberen.

Edit:
Nee, kijk maar @ [url]http://djmatt.freehostia.com/[/url]
Edit2: al weer naar normale staat gezet, het stond precies als in mijn eerder geposte screenshot.

[Laatst bewerkt door Matt op woensdag 30 januari 2008, om 22:27]
Headshot
Geplaatst op: 31 Jan 2008, 14:08
PimpCoins: 0
💸+
Bewerken Quote

Freehostia
Lekker profesioneel. Denk btw niet dat iemand je gaat inhuren, je bent 12 ofzo?.

Matt
iPhone 3GS
Geplaatst op: 31 Jan 2008, 16:28
PimpCoins: 0
💸+
Bewerken Quote

Headshot schreef:

Freehostia
Lekker profesioneel. Denk btw niet dat iemand je gaat inhuren, je bent 12 ofzo?.

Dude, dat freehostia is alleen totdat ik weet dat de site absoluut perfect is, dan koop ik .nl en dan is het goed.

Headshot
Geplaatst op: 31 Jan 2008, 16:35
PimpCoins: 0
💸+
Bewerken Quote

Probeer eerst maar eens iets 'Anders' lang te maken.

Edit:
Ja, het zal best goed zijn enzo. Alleen staat niet zo profesioneel, en ga dan niet hier reclame lopen te maken voor je site die nog niet klaar is.

[Laatst bewerkt door Headshot op donderdag 31 januari 2008, om 16:36]
Bart
Hoeren :'(
Geplaatst op: 31 Jan 2008, 16:39
PimpCoins: 0
💸+
Bewerken Quote

Sharp schreef:

Lol nee, doe zelf maar eens wat moeite.

[...]

In je CSS doen.

Jep, die moet je hebben

📫

Nieuw privébericht

🔥

Registreren


Login