ich find openstreetmaps auch viel schöner und da isses egal
Beiträge von draugal
-
-
Moin,
wieder mal ein Problem, ich habe einen div container, in den möchte ich 2 tabellen setzten. eine 4*4 und 1 mit 2*2. jetzt möchte ich die eine tabelle in diesem div container rechts positionieren, mit einem abstand von 10px top und right, die andere tabelle soll links stehen, mit 15 px abstand top und left.
nur wie mach ich das jetzt ? ich könnte über css mit margin 1 platzieren, würde ja aber automatisch auch für die andere dann gelten. die soll aber wo anders stehen, was tun? -
wenn du tribes spielst, bist du verpflichtet mir zu helfen --> eLD
so, aber das mit google maps check ich trtzdem nicht, bzw das ist schon viel txt zu verstehen um "nur" ne kleine maps einzubauen :p -
oh krass, gut zu wissen...
ja manchmal ist es ja so einfach. da steht der iframe, den man nur einbinden muss und nirgends steht was von gewerbe
aber okay, ich weiß bescheid.
das mit den api hab ich schon gelesen glaub ich, aber das übersteigt mein vermögen
dann gitbs halt ne handstkizze außer du hast lust mir zu helfen -
danke, stimmt. sowas habe ich garnicht bedacht.
gibts denn da gute alternativen? dann werd ich wohl nen standbild reinmachen, bezahlen will ich nichts. -
google maps per css und html einbinden möglich ? oder liebe mit dem iframe link den mir google maps produziert.
also ich glaube des übersteigt meine fähigkeiten, daher würde ich gerne auf die hilfe von euch zurückgreifen. ich hab ein wenig versucht, dadurch zu steigen, aber so richtig komm ich nicht klar.ich habe eine anfahrt.html datei und eine styles.css datei.
in der css datei habe ich ein div container mit der größe
width:300px
height:220px
in diesen würde ich gerne google maps einbinden, gerne noch einen rahmen um es vom hintergrund abzuheben.
ich kann auf maps.google.de mir einen iframe link holen. hab überall gehört, man soll lieber die finger von iframe lassen. warum --- kein plan...
beipsiel:<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?f=q&s…mp;output=embed"></iframe><br /><small><a href="http://maps.google.de/maps?f=q&s…=10&iwloc=A" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>
das kann ich ja einfach in meine html datei einbinden, ist das in ordnung ?
nur dann würde ich es gerne auf größe meines div haben und einen schwarzen rand drum. nur irgendwie passt es dann nicht in meinen container.
außerdem würde ich gerne die blase verändern oder wegmachen, inder meine adresse nochmals angezeigt wird, weil die bei der div größe leider nicht angezeigt wird.thx schonmal
-
also ich hab halt mit photoshop jeweils immer buttons gemacht.
jetzt würd ich gerne ein rollovereffekt dadrauf legen. -
jetzt bräuchte ich eine entscheidungshilfe oder einen tipp, ist es sinnvoller ein rollover per css einzubinden oder lieber mit java ?
im dreamweaver beispielsweise geht das ja sehr schnell über die einfügenfunktion, oder ist das shit? -
coole sache, habs hinbekommen!
dank dir!
ich werd die page mal posten, wenn ich ganz fertig bin
langsam steig ich durch css durch, garnicht so verkehrt -
perfekto!!!
du siehst die navigationsleiste oder?
die will ich rechts, nicht ganz am rand positionieren.
das muss ich dann vermutlich ähnlich machen oder?
ich hab auf selfhtml soviele beispiele mit absolute und relativ gesehen, ist das für sowas nicht sinnvoll?
wann nutze ich das überhaupt? -
gib doch mal padding:40px bei box 1 oder so an, es verschiebt sich alles.
und mit 395 wär es ein problem, weil ich ein hintergrundbild in die verscheidenen boxen legen wollte...
oder kann ich das über #page definieren und braucsh garnicht zu sclicen, damits passt ? -
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title>text text</title> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="david" /> <meta name="Content-Language" content="de" /> <meta name="KeyWords" content="text text" /> <meta name="Description" content="text text" /> <link href="styles.css" rel="stylesheet" type="text/css" media="screen, projection" /> </head> <body> <div id="page"> <div id="header"> <ul id="menu"> <li><img src="img/homeR.png" width="45" height="20" alt="home"><li> <li><a href="#"><img src="img/konzept.png" width="61" height="20" alt="konzept" border="0"></a><li> <li><a href="#"><img src="img/team.png" width="41" height="20" alt="team" border="0"></a></li> <li><a href="#"><img src="img/kontakt.png" width="58" height="20" alt="kontakt" border="0"></a></li> <li><a href="#"><img src="img/anfahrt.png" width="58" height="20" alt="anfahrt" border="0"></a></li> <li><a href="#"><img src="img/info.png" width="45" height="20" alt="info" border="0"></a></li> </ul> </div> <div id="box1">adsad</div> <div id="box2">asdasd</div> <div id="footer">asdasd</div> </div>
-
nee. irgendwas mach ich grundsätzlich falsch. nur ich weiß nicht was.
Code
Alles anzeigen#page { width:800px; height:440px; margin: auto; background: white; } #header { background-color:#FFF; height:80px; width;800px; background-image: url(img/header.png); background-repeat: no-repeat; } #box1 { width:400px; height:310px; background-color: #FFF; float:left; background-image: url(img/box1.png); background-repeat: repeat; padding: 1px; } #box2 { width:400px; height:310px; background-color: #FFF; float:left; background-image: url(img/box2.png); } .clearer{ clear:both; } #footer { float:left; background-color: #FFF; background-image: url(img/footer.png); width:800px; height:50px; } /* Menü */ #menu { background-color: #03C; } #menu li { display: inline; }
so, wenn ich hetzt versuche, beispielsweise in box1 margin oder padding 1 oder mehr zu benutzten, verschieb sich alles total.
-
und sobald ich padding als eigenschaft für die box einstelle, verschiebt sich alles.. :-I
damn ich bin echt zu blöd...
muss mal nen kurs in der vhs besuchen :p -
achso okay, aber ich möchte zum beispiel in meinen header eine navigation einbauen.
das menü möchte ich auf einer bestimmten größe haben und es im header selbst positionieren.
da ich es horizontal setzten möchte, würde ich einfach den inhalt mit display: inline; definieren.
nur ich versteh halt nicht, wie ich es im header frei setzten kann. -
ich habe mir in der page jetzt unterhalb meines headers 2 boxen erstellt.
ich möchte jeweils in jede extra ein feld, welches leicht durchsichtig ist, etwas kleiner also die box und welches ich mit text füllen kann. -
wie genau mach ich das? dann einfach neuen div und über absolute oder relative position ?
-
bin mir nicht sicher, kann es am rahmen des links liegen?
mach mal border auf 0 -
dann hätt ich noch eine frage.
in deinem beispiel:
<html>
<head>
<style type="text/css">
#page { border: 1px solid #000; }
#header { background-color: #0f0; height:200px; }
#box1 { width:350px; height:300px; background-color: #0ff; float:left; }
#box2 { width:350px; height:300px; background-color: #f00; float:left; }
.clearer { clear:both; }
</style>
</head>
<body>
<div id="page">
<div id="header">header</div>
<div id="box1">box 1</div>
<div id="box2">box 2</div>
<br class="clearer" />
</div>
</body>
</html>könnt ich jetzt in box1 eine textbox setzten? -
vielleicht hilft mir dein schnipsel
muss mal schauen...edit:
oh krass, bei mir war ein </div> an einer falschen stelle.
derber bockmist!