Tabellenrahmen trotz border:0px

König Florian von Franken

oi.

ich hab mir ne navi mit ner tabelle gebastelt und n pergamentblatt zerschnipselt um es als hg zu verwenden. funktioniert einwandfrei bis auf eine kleine sache.

und zwar ist zwischen den hintergrund-teilen trotz "border: 0px" im css noch überall ein unsichtbarer rahmen und ich krieg den nich raus.

warum? und wie krieg ich den doch raus? oder hat jmd ne bessere und genauso-einfache lösung für mich?

Jar Jar Binks

kannst das net mit cellpadding und cellspacing lösen?
bzw die auf 0 setzen?

driver

hast mal nen link ?

König Florian von Franken

gute frage... Oo ich probiers mal aus...

hrm ne. no reaction.

link is nich, mein webspace is down. (ohost/funpic pfuschen mal wieder rum.)

König Florian von Franken

hab doch ne url: http://ankoku.an.ohost.de/Website2/Website2/testum-7w.html

hoffentlich bleibt mein webspace up bis ihrs euch ansehen könnt.

(Edit: code raus, url rein)

driver

gib mal cellspacing und cellpadding direkt bei table ein.
die angaben gibt es nicht im css....

König Florian von Franken

joh baby, joh baby, joh!

danke dir, funzt jetz.

muss halt n neues hG-design zusammenschnipseln weil meins dank schatten usw. nich ganz passt aber das is kein akt mehr. danke nochmal

König Florian von Franken

so. driver, ich hab noch das prob, dass sich, wenn ich die site öffne oder aktualisiere alle javascript-elemente öffnen. weisst du da was dagegen?

oder irgendwer sonst? weil das macht das ganze doch recht unschön.

driver

wie meinst du das mit "alle javascript-elemente öffnen" ?

was öffnet sich da bzw wie schaut des aus ? sind des popups ?

König Florian von Franken

nene. ich hab meine navi so gemanaged, dass sich mit nem klick auf die schrift ein fenster aufmacht indem was drinsteht.

Code

<script type="text/javascript">
var id = new Array("Home", "Forum", "Ausschreibungen", "Regeln");
function zeigen(num, obj){
    for(i = 0 ; i < id.length ; i++){
        document.getElementById(id[i]).style.display = "none";
    }
    document.getElementById(id[num]).style.display = "block";
}
</script>

Code

<div class="link" onclick="zeigen(0);"><a>Home</a></div></a>
				<div class="link" onclick="zeigen(1);"><a>Forum</a></div>
				<div class="link" onclick="zeigen(2);"><a>Ausschreibungen</a></div>
				<div class="link" onclick="zeigen(3);"><a>Tavernenregeln</a></div>

Code

<div class="main" style="display:block" id="Home">
	[b]Startseite[/b]


	Hier kommt der


	Willkommenstext hin


	blabla


	blabla


	blabla


</div>

Alles anzeigen

wenn man die site öffnet oder aktualisiert hat man ALLE fenster übereinander. Home, ausschreibungen, regeln, forum...

da die fenster transparent sind, sieht man das von dem dahinter auchnoch durch... und wenns doppelt liegt wirds ab dem zweiten oder dritten undurchsichtig.

schalt einfach mal dein java ein und guggs dir an. keine angst, ich hab keinen müll mit reingebaut, davon halt ich nix.

driver

ganz ehrlich... find ich die idee sehr schlecht des so zu lösen...

warum machste nicht ganz normale links die auch leute sehen können die
kein js aktiviert haben.... so disqualifizierst du deine homepage im prinzip
selber....

König Florian von Franken

nja weil so kein ewiges gelade nötig ist?

ähnlich wie bei frames. aber alle seiten die für alle schön sind usw müssen ewig geladen werden

und ich glaub nich, dass einer von meinen leuten, die die site benutzen js deaktiviert haben. aber ich kann ja einfach mal zwei versionen machen. eine mit normalen links und eine mit dem js. aber ich bräuchte die js-lösung für mein prob trotzdem

oder hast du sonst noch ne mgk?

driver

deine methode:
komplette inhalt kommt auf eine seite, dadurch wird die evtl 5x so groß
wie normal (bei z.b. 7 seiten). leute die js inaktiv haben können nix mit der
seite anfangen (viele firmen und leute die auf barrierefreiheit angewiesen sind)

methode mit normalen links:
eine seite is vielleicht 10 kb groß (ladezeit paar millisekunden).
sichtbar für alle leute....

so nett dein hintergedanke is..... er verschlechtert die sache nur....

zu deinem prob:
schreib ne funktion die alle ausblendet bis auf die startseite und dann
lass die im body mit onload laden...

König Florian von Franken

okeh. jetz müsst ich nurnoch js können XD

aber danke für die belehrung, ich mach wirklich mehrere sites

driver

hm... im prinzip macht des die obere function schon....

füg mal des ein, vielleicht klappts

Code

<body onload="zeigen(0);">

König Florian von Franken

hrmlz ich hab sämtlliches javascript rausgenommen, aber der zeigt mir das maindiv nich an Oo

argh. viel zu warm zum nachdenken -.-

driver

quellcode ?

König Florian von Franken

1. jo, dein js code funzt

2. der quellcode von einer der mehrfachsites:

HTML

<!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>
<title>Seite</title>
<style type="text/css">


body {
background-image: url(rainbow-marble.gif);
overflow:scroll;
}


table tr td {
margin: 0px;
border: 0px;
padding: 0px;
cellpadding: 0px;
cellspacing: 0px;
background-repeat: no-repeat;
}


div {
border-color: #777;
}


#bg {
position: fixed;
background-image: url(handprint-wh.gif);
background-repeat: no-repeat;
width: 300px;
height: 350px;
left: 20%;
top: 150px;
border: 0px;
}


#banner {
position: absolute;
background-image: url(ZTW-Banner.gif);
width: 468px;
height: 100px;
margin: 0px 0px 0px -234px;
top: 20px;
left: 50%;
font-size: 30px;
color: #097;
align: center;
border: 0px;
}


#Nav {
position: absolute;
margin: 0px;
top: 130px;
right: 3%;
font-size: 20px;
color: #FFF;
border: 0px;
}


#Navi {
border: 0px;
}


.link{
padding: 0px 3px;
cursor: pointer;
border: 0px;
}


.main {
position: absolute;
top: 130px;
left: 25%;
width: 50%;
color: #000;
border-color: #999;
border-width: 5px;
border-style: solid;
background-image: url(http://www.iivs.de/schwinde/buerger/rkranz/gifs/hintergr/holz.gif);
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}


#navup {
height: 50px;
background-image: url(navtop.gif);
background-repeat: repeat-x;
background-position: bottom left;
}


#navdo {
height: 50px;
background-image: url(navdown.gif);
background-repeat: repeat-x;
background-position: top left;
}


#navri {
width: 50px;
background-image: url(navright.gif);
background-repeat: repeat-y;
background-position: left top;
}


#navle {
width: 50px;
background-image: url(navleft.gif);
background-repeat: repeat-y;
background-position: right top;
}


#navleup {
background-image: url(leup.gif);
background-position: bottom right;
}


#navriup {
background-image: url(riup.gif);
background-position: bottom left;
}


#navledo {
background-image: url(ledo.gif);
background-position: top right;
}


#navrido {
background-image: url(rido.gif);
background-position: top left;
}


#navmid {
background-image: url(navmain.gif);
background-position: top left;
align: center;
font-family: Fantasy;
}


a {
text-decoration: none;
color: #630;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}


a:hover{
color: #000;
}


a:active {
color: #336;
}


</style>
</head>
<body>
<div id="bg">
</div>


<div id="banner">
</div>


<div id="Nav">
	<table cellspacing="0" cellpadding="0">
		<tr>
			<td id="navleup"></td>
			<td id="navup"></td>
			<td id="navriup"></td>
		</tr>
		<tr>
			<td id="navle"></td>
			<td id="navmid">
				<div id=Navi">
					<div class="link">[url='home.html']Home[/url]</div></a>
					<div class="link">[url='xxx']Forum[/url]</div>
					<div class="link">[url='ausschreib.html']Ausschreibungen[/url]</div>
					<div class="link">[url='rules.html']Tavernenregeln[/url]</div>
					<div>--</div>
					<div>--</div>
				</div></td>
			<td id="navri"></td>
	</tr></div>
	<tr>
		<td id="navledo"></td>
		<td id="navdo"></td>
		<td id="navrido"></td>
	</tr>
</table>
</div>


<div class="main">
	[b]Ausschreibungen[/b]


	Hier wird ausgeschrieben, wenn wir


	kleine Events vollbringen,


	Wenn wir mitlieder oder Waren suchen


	blabla


	blabla


</div>
</body>
</html>

Alles anzeigen

driver

also ich seh se....

König Florian von Franken

strange. nja ich probiers nochma aus wenn ich daheim bin

evtl bin ich auch grad einfach zu blöde zu

Tabellenrahmen trotz border:0px

Tags

Benutzer online in diesem Thema