Habe es jetzt nochmal gemacht und es verschiebt jetzt das oberste "Event"...
Beiträge von marcusfuerth
-
-
Weils nicht klappt. Es verschiebt alles...
-
Ich bin in css mittlerweile echt relativ fit... Jedoch sitze ich hier komplett auf dem Schlauch....
-
Danke, dass ihr mir alle helfen möchtet. Ich bring es aber leider nicht hin. Kann mir jemand die CSS umbauen???
Wäre euch echt dankbar.Code
Alles anzeigena:active {font-weight: none bold;} a:link {font-weight: none bold;} a:visited {font-weight: none bold;} a:hover {font-weight: none bold;} body, td, th { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 13px; color: #fff; } body { background: #363636; } h1 { color: #CC0000; } h3 { color: #CC0000; } #container { /*width: 980px;*/ width: auto; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 80px; border: none 1px solid #999; } #header { padding: 0px; background: #fff; } #search { padding: 10px 20px 20px 20px; background: #fff; border-top: none 1px solid #999; border-bottom: none 1px solid #999; font-weight: none; color: #cc0000; } #search form { margin: 0; padding: 0; } #load-in { float: right; } #top { line-height: 1.5em; margin-top: 5px; margin-bottom: 5px; clear: both; padding: 10px 20px 30px 20px; background: #fff; } #top a { display: inline-block; padding-right: 20px; } #logout { line-height: 1.5em; margin-top: 5px; clear: both; padding: 10px 20px 30px 20px; background: #fff; } #logout a { display: inline-block; padding-right: 20px; } #modules { float: right; margin-top: -60px; line-height: 1.4em; } #headline_module { color: #000; margin-bottom: -15px; } #navi { margin: 20px 0 20px 0px; padding: 0px 20px 20px 20px; border: none 1px solid #999; background: #fff; width: 160px; float: left; line-height: 2em; } #navi ul { list-style: none; padding: 0; margin: 0; } #navi li { padding-bottom: 2px; } /* Tiefe 1 */ #navi li ul li.depth1 { margin-left: 10px; padding: 0; } #navi li ul li.depth1 a { color: #cc0000; font-size: 12px; } /* Tiefe 2 */ #navi li ul li.depth2 { margin-left: 20px; padding: 0; } #navi li ul li.depth2 a { color: #0076c0; font-size: 12px; } /* Tiefe 3 */ #navi li ul li.depth3 { margin-left: 30px; padding: 0; } #navi li ul li.depth3 a { color: #8ead3c; font-size: 12px; } #navi a { border-bottom: 1px dotted; font-size: 12px; font-weight: none bold; } #content { width: auto; } #content.wide { margin: 10px 0 0 0; } #content.box { background: #FFF; padding: 20px; border-top: 10px solid #363636; width: 718px; color: #000; } #content.box.wide { width: 940px; } #content.iframe { background: #FFF; padding: 0; border-top: 10px solid #363636; width: 758px; color: #000; } #content.iframe iframe { width: 100%; min-height: 600px; border: 0; } #footer { clear: both; position: fixed; bottom: 0; left: 0; background: #fff; color: #000; width: 100%; padding: 20px; text-align: center; } #total { color: #fff; padding-left: 20px; margin-bottom: 0px; } #header_img { overflow: hidden; border-radius: 10px 10px 0px 0px; } a { font-weight: none; color: #CC0000; text-decoration: none; } .showless { color: #fff000; border-bottom: dotted 1px; } .showmore { color: #fff000; border-bottom: dotted 1px; } .delete { color: #fff000; } .export { margin-right: 30px; } .export a { color: #FFF000; border-bottom: dotted 1px; } .clear { clear: both; } .group { /*border: 1px solid;*/ /*background: #676767;*/ padding-left: 20px; padding-top: 10px; padding-bottom: 10px; width: 738px; margin-bottom: 20px; border-radius: 5px; } .group .headline { font-size: 16px; } .group .headline .ort { color: #CC0000; text-shadow: 0 1px 1px #000; } .group .headline .date { color: #CC0000; text-shadow: 0 1px 1px #000; } .group .headline .titel { font-weight: bold; color: #fff000; text-shadow: 0 1px 1px #000; } .group .thumbnails { margin-top: 20px; } .group .thumbnail { border: 5px solid #FFF; background: #FFF; margin-right: 10px; margin-bottom: 10px; float: left; text-align: center; width: 160px; height: 106px; display: table; border-radius: 5px; } .group .thumbnail a { display: table-cell; vertical-align: middle; } .group .thumbnail.skip { display: none; } .group .thumbnail img { max-height: 106px; } .group .showless { display: none; } .picture .preview { float: left; width: 450px; padding-top:20px; padding-left:10px; } .picture .preview .back { background: #CC00000; } .picture .description { background: none repeat scroll 0 0 #676767; border-radius: 5px; float: right; margin-left: 40px; margin-top: 10px; width: 430px; padding-left: 10px; padding-right: 10px; } .picture .description h2 { color: #CC0000; text-shadow: 0 1px 1px #000; } .picture table { border-collapse: collapse; border-spacing: 0; } .picture th { font-weight: bold; width: 70px; vertical-align: top; text-align: left; padding: 10px; border-top: 1px solid #999; color: #fff000; text-decoration: underline; } .picture td { text-align: unset; padding: 10px; border-top: 1px solid #999; } .error { border: 1px solid #CC0000; color: #CC0000; padding: 20px; margin-bottom: 20px; font-weight: bold; } #previewback { border: 1px solid #fff; } .contentbox { margin: 10px 0 20px 0px; padding: 0px 20px 20px 20px; border: 1px solid #999; background: #fff; width: 718px; border-radius: 5px; line-height: 2em; color: #333; } .wide .contentbox { width: 940px; } .contentbox td { color: #333; } .tabular { width: 100%; border-collapse: collapse; } .tabular thead th { background: #DDD; } .tabular td, .tabular th { color: #333; padding: 10px; } .tabular tr:nth-child(odd) { background: #EEE; } .tabular tr:hover { background: #DDD; }
-
Hab es jetzt mal so in etwa gemacht...
Aber wie stelle ich die Breite des Content ein, dass es passt? -
Ich möchte gerne die navi leiste links und den content nebeneinander aber über die ganze seite haben
-
Klappt leider nicht
-
Also, an alle die mir helfen möchten....
Der Zugang lautet test und das Passwort ebenso test -
Hallo zusammen, ich habe eine Bilderdatenbank. Jetzt würde ich gerne die Ansicht auf die gesamte Breite anpassen. Leider klappt das nicht mit allen DIV´s, die in dem System vorhanden sind. Bräuchte da mal einen Fachmann oder eine Fachfrau, die sich das mal ansieht...
Wäre archiv.marcusweier.de Damit man sieht, was ich meine, muss man sich registrieren, da das Problem nur im eingeloggten Bereich sichtbar ist.
Danke Euch schon mal