Hey
habe folgendes problem:
Habe meine seite mit tabellen aufgebaut, möchte jetz die ienzelnen zellen gerne mit hintergrundbildern versehen, aber so, das ich auf den hintergrund noch was draufschreiebn kann.
Wie muss ich das einfügen?
LG Lauras
Beiträge von lauras
-
-
Nun ich arbeite au mit Scriptly und habe mich am Anfang auch gefragt was das soll allerdings ist das ganz einfach zu erklären:
Damit kann man zum Beispiel ganz einfach Schriftart und so festlegen, was dann ja für den ganzen Text gilt. Da die Überschriften sich im Bereich body bzw. html befinden, kann diese funktion durch ein eingeben von anderen werten überschriebn werden. Es kann also auch ganz hilfreich sein!LG Lauras
-
ja das ist bei mir auch so..jetz hab ich das bild aber auch einfach eingefügt mit <img src ... ich möchte es aber als hintergrundbild so dss ich auch noch etwas reinschreiben kann... außer dem soll das ganze dreispaltig sein navi | text | box
außerdem stimmt die breite des text feld und der box nicht ( siehe css code)
-
oh entschuldigung die ganzen seiten un das bild liegen im ordner test...
dann sind die navibilder auch untereinander aber das bild wird trotzdem net angezeigt... -
hhhm...also es funktioniert immer noch net... egal ob ich jpg oder jpeg schreibe.... aber alles ander funktioniert iwie au net ( außer die farben...) hier der komplette quellcode...vllt is ja iwo ein fehler drin...
datei index.htm im ordner hp:
<!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" xml:lang="de" lang="de"><head>
<title>My Hp... Startseite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly" /><link href="style1.css" type="text/css" rel="stylesheet" media="screen"/>
</head>
<body>
<div id="header"></div>
<div id="navigation" align="left"><a href="home.htm"><img src="home.png" border="0" height="25" width="250" /></a>
<hr width= 250 px/>
<a href="wmuedsws.htm"><img src="wmuedsws.png" border="0" height="25" width="250" /></a>
<hr width= 250 px/><a href="ich.htm"><img src="ich.png" border="0" height="25" width="250" /></a>
<hr width= 250 px/>
<a href="fun.htm"><img src="fun.png" border="0" height="25" width="250" /></a>
<hr width= 250 px/>
<a href="contact_me.htm"><img src="contact_me.png" border="0" height="25" width="250" /></a>
<hr width= 250 px/>
<a href="games.htm"><img src="games.png" border="0" height="25" width="250" /></a>
</div>
<div id="text" vertical-align="bottom">
Text
</div>
<div id="box1" align="right">
Box
</div>datei style1.css im gleichen ordner:
#header {
height: 150 px;
background: url(../hprichtig/header_winter.jpeg);
margin: 10 px;
padding: 20 px;
}#navigation {
height: 150 px;
width: 250 px;
float: left;
margin: 0 px;
}#text {
height: 300px;
width: 20 px;
background-color: green;
}#box1 {
height: 150 px;
width: 100 px;
float: right;
background-color: lawngreen;
}</body>
</html>
probleme:
1. navi bilder werden nicht untereinander sondern nebeneinander angezeigt,
2. alle elemente haben nicht die zugewiesene breite und höhe
3. header bild wird nicht angezeigt...vllt kann mir ja jemand den fehler sagen...
seite auf <!-- m --><a class="postlink" href="http://lauras93.la.funpic.de/test">http://lauras93.la.funpic.de/test</a><!-- m -->
eigentlich soll das ganze dreispaltig mit header obendrüber sein...
-
hoffe du kannst damit was anfangen...
-
ach da sind übrigends noch mehr drauf...guck doch bei deinem bsp bitte unter folout mene horizontal...
-
Hey ich hab hier den Code ich denke das könntest du gebrauchen... farben u alles die beschriftung kannst du nat ändern ich hab das mal auf meine homepage hochgeladen kannst dir mal angucken obs dir gefällt...
<!-- m --><a class="postlink" href="http://lauras93.la.funpic.de/bsp">http://lauras93.la.funpic.de/bsp</a><!-- m --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Horizontal</title><style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}.menu
{
position: absolute;
z-index: 3;
top: 10px;
}.menu li
{
width: 140px;
float: left;
}.menu a
{
border: 1px solid #888;
background-color: #fff;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}.menu a:hover
{
background-color: #ccc;
}#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style><script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script></head>
<body><div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="">Subkategorie 1.1</a></li>
<li><a href="">Subkategorie 1.2</a></li>
<li><a href="">Subkategorie 1.3</a></li>
</ul>
</li><li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="">Subkategorie 2.1</a></li>
<li><a href="">Subkategorie 2.2</a></li>
</ul>
</li><li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="">Subkategorie 3.1</a></li>
<li><a href="">Subkategorie 3.2</a></li>
<li><a href="">Subkategorie 3.3</a></li>
<li><a href="">Subkategorie 3.4</a></li>
<li><a href="">Subkategorie 3.5</a></li>
</ul>
</li><li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="">Subkategorie 4.1</a></li>
<li><a href="">Subkategorie 4.2</a></li>
<li><a href="">Subkategorie 4.3</a></li>
</ul>
</li>
</ul>
</div></body>
</html> -
hey leute ich habe ein problem...
ich möchte ein bild für den header, kriege das aber iwie net hin...
Quellcode:#header {
background:url(header_winter.jpeg);
height: 200px;
width:100em;
}als externe css datei eingebunden allerdings wird diese grafik (liegt im gleichen verzeichnes wie die css und die html datei nicht angezeigt...was mache ich falsch?
-
hey vllt kann mir ja einer helfen und zwar wollte ich auf <!-- w --><a class="postlink" href="http://www.php-kurs.com">http://www.php-kurs.com</a><!-- w --> php lernen...habe auch bis auf mans´che sachen alles verstanden nur habe ich ein problem mit meinem editor scriptly( neueste version):
laut php kurs müsste der code so lauten( in der bsp aufgabe)<?php
$vorname = "Axel";
$nachname = "Pratzner";echo "<p align=\"center\">Herzlich willkommen
$vorname $nachname
<br />zum [\"HTML-KURS.com\"]</p>";
?>ausgabe die erzielt werden sollte:
Herzlich willkommen
Axel Pratzner
["HTML-KURS.com"]das in der mitte
Ausgabe in scriptly:Herzlich willkommen $vorname $nachname
zum [\"HTML-KURS.com\"]"; ?>
was ist da falsch???
-
habe eine lösung gefunden:
<style type="text/css">
<!--
table#table1{position: absolute;top: 30px;left: 0px;z-index: 100; }-->
</style><table border="0" width="1000" height="168" id="table1">
<tr>
<td><script language="JavaScript">
<!-- Verstecke fuer aeltere Browser --
var imagenumber = 3 ; //Anzahl der Grafiken
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "BILDADRESSE 1"
images[2] = "BILDADRESSE 2"
images[3] = "BILDADRESSE 3"
var image = images[rand1]
// -- Ende verstecken -->
</script><script language="JavaScript">
<!-- Verstecken fuer aeltere Browser --
document.write('<IMG SRC="' + image + '">')
// -- Ende verstecken -->die rote drei wird durch die anzahl der headerbilder ersetzt in diesem fall drei
die grünen bildadressen werden durch die adresse ersetzt...iwie kla...
die größen muss man natürlich anpassen...
-
hey leute kann mir einer helfen? ich möchte gerne das ei zufälliger headere eingeblendet wird...wie schreibt man das in den codeß und geht das auch mit hintergrundbildern?
-
ich werd mal schaun was ich finden kann...allerdings war funpic der server bei nem anderen den man einsehen konnte...aber aml schaun...danke
-
hey vllt kann mir ja einer helfen und zwar suche ich webspace der folgende bedingungen erfüllen sollte:
1.kostenlos
2.mglchst ohne popup-werbung
3.ftp zugang
4.keine angabe von adresse usw., nur email
5.normale domain: name.de bzw. name.de.xx
nicht:http://www.provider.name.de
6.kein einblick in die dateien, habe adressen gesehen wo wenn man einen teil der adresse weggemacht hat man alle ordner gesehen hat und bilder, codes etc. herauskopieren konntedanke im voraus
lauras -
ja aber wie schreib ich das in den code ?
background:url(header/sonnenuntergang.jpeg)
wie weit muss ich den pfad angeben? un muss ich da solche "/" oder solche "\" machen? weil im pfad oben im fenster über windows steht \...wie geht das?
lauras -
`hey kann mir einer helfen? ich möchte meine website gerne mit (hintergrund)bildern versehen...im forum steht das man dazu das bild in einem verzeicnis ablegen muss...was ist das und wie/wo kann man das einrichten?
lauras