Avatar billede udvikler Nybegynder
03. november 2005 - 11:46 Der er 17 kommentarer og
1 løsning

Gider ikke gøre border til 1px solid ?

Ja, jeg har lavet nogle tabeller som hænger sammen, godt nok på en underlig måde, men også den eneste åbenbart :(

Men den gider ikke gøre den sidste del af tabellen til 1px solid (borderen)

Her er koden, eller bare tabel delen:

<table border="0" cellspacing="0" cellpadding="0" width="672px">
<tr id="banner">
<td><img src="banner.bmp" alt=""></td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="672px">

<tr id="menu">
<td width="50" height="25"><a href="#"><img src="Forside.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Forum.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Kontakt.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Nyheder.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Artikler.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Scripts.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Login.bmp" border="0" alt=""></a></td>
<td width="50" height="25"><a href="#"><img src="Registrer.bmp" border="0" alt=""></a></td>
</tr>
</table>

<table border="1px solid" cellspacing="0" cellpadding="0" width="676px">

<tr id="indhold">
<td>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Sidens Indhold
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
</tr>

<tr id="bottom">
<td>
<div align="right">
<input id="soeg" type="text" onfocus="if(this.value=='Søg...')this.value='';" value="Søg..." onblur="if(this.value=='')this.value='Søg...';">
</div>
</td>
</tr>

</table>
Avatar billede jokkejensen Novice
03. november 2005 - 11:54 #1
<table border="1px" bordercolor="#0000000"> .. du kan ikke skrive border="1px solid" .. så skal det være style="border: 1px solid black"..

/JJ
Avatar billede jokkejensen Novice
03. november 2005 - 11:54 #2
how.. det er vist også bare border="1"
Avatar billede udvikler Nybegynder
03. november 2005 - 12:01 #3
Tusinde tak, men kan man ikke også ændre på borderen i selve rummene ? (td'erne) ?
- læg et svar
Avatar billede jokkejensen Novice
03. november 2005 - 12:10 #4
jo der skulle gerne komme farve på borderen i td'erne med bordeR="1".. husk den pt default er hvid.. så du skal lige ændre bordercolor="#000000"..
Avatar billede udvikler Nybegynder
03. november 2005 - 12:14 #5
Jamen har brugt denne: style="border: 1px solid black"
Så burde den jo også være sort i felter ikk. Den er kun sort uden på.

Kig nærmere på lige denne del:

----------------------------------------------------------

<table style="border: 1px solid black" cellspacing="0" cellpadding="0" width="672px">

<tr id="indhold">
<td>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Sidens Indhold
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</td>
</tr>

<tr id="bottom">
<td>
<div align="right">
<input id="soeg" type="text" onfocus="if(this.value=='Søg...')this.value='';" value="Søg..." onblur="if(this.value=='')this.value='Søg...';">
</div>
</td>
</tr>

</table>
----------------------------------------------------------

Det der felt hvor søge feltet er bliver ikke vist med en border rundt om
Avatar billede udvikler Nybegynder
03. november 2005 - 12:16 #6
Og hvis man tilføjer border="1" virker det stadig ikke, men ødelægger bare designet med en ekstra border, og 2 border ser virkelig grimt ud :)
Avatar billede johan.o Nybegynder
03. november 2005 - 12:28 #7
Hvis du sætter <table style='border: 1px solid black;'> så får du en border hele vejen rundt om din tabel.

Hvis du sætter <td style='border: 1px solid black;'> så får du en border rundt om din celle.

Håber det hjælper :) Mvh. Johan
Avatar billede jokkejensen Novice
03. november 2005 - 12:30 #8
Nej sætter du style="border: 1px solid black" vil der selvfølgeligt kun være border omkring tabellen og ikke i cellerne..

Det skal gøres med border="1" bordercolor="#000000"

alternativt noget lignende:

<style>
#indhold td
{
border: 1px solid black;
}
#bottom td
{
border-left: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
}
</style>
Avatar billede jokkejensen Novice
03. november 2005 - 12:31 #9
(sætter ikke border-top på #bottom, det vil give dobbelt border mellem #indhold og #bottom)
Avatar billede jokkejensen Novice
03. november 2005 - 12:32 #10
lidt pænere :

<style>
#indhold td
{
border: 1px solid black;
}
#bottom td
{
border: 1px solid black;
border-top:0 px;
}
</style>
Avatar billede udvikler Nybegynder
03. november 2005 - 12:33 #11
Jeg takker mange mange gange, jeg fandt selv ud af det der med at der kommer en dobbelt border, har ordnet det :)

Dit svar er accepteret jokkejensen ;)
- håber det er iorden han for de "mange" point johan.o ? :o)
Avatar billede johan.o Nybegynder
03. november 2005 - 12:34 #12
No problem - bare du fik hvad du kom efter :)

Mvh. Johan
Avatar billede udvikler Nybegynder
03. november 2005 - 12:37 #13
Tak skal du have :)
Avatar billede jokkejensen Novice
03. november 2005 - 13:05 #14
Selv tak
Avatar billede milandt Nybegynder
04. november 2005 - 14:20 #15
faktisk skal det være border:solid 1px black, og ikke border:1px solid black. Bare fordi IE er ligeglad, betyder det ikke at rækkefølgen man angiver værdierne i er ligegyldig.
Avatar billede johan.o Nybegynder
04. november 2005 - 14:35 #16
Øh...det er da ikke hvad css 2 siger, er det ?

http://www.w3.org/TR/REC-CSS2/box.html#border-shorthand-properties

Mvh. Johan
Avatar billede milandt Nybegynder
04. november 2005 - 15:31 #17
Hmm.. nej.. min hukommelse er ikke hvad den har været :)

Tænkte på at finde en reference inden jeg postede, hvis jeg havde gjort det havde jeg opdaget at jeg var forkert på den..

sry.
Avatar billede johan.o Nybegynder
04. november 2005 - 15:49 #18
Det tror jeg vi alle sammen kender :)

Mvh. Johan
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