Beiträge von djheke

djheke

Vielleicht habe ich nur Bahnhof verstanden, aber meinst Du es so?

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>Stundenplan</title>
<meta charset="UTF-8">
<style>
* {
 margin:0;
 padding:0;
}
table {
 border-collapse:collapse;
 margin:50px;
}


th , td {
 border:1px solid #000;
 padding:5px;
}


tr.pause {
 font-size:0;
 position:relative;
}


tr.pause td , tr.pause th {
 padding:0 5px;
}
tr.pause span {
 position:relative;
 display:block;
 font-size:32px;
 position:absolute;
 top:-16px;
 bottom:0;
 color:red;
}
</style>
  </head>


  <body>

    <table border="1">
      <thead>
        <tr><td rowspan="2"></td><th colspan="5">5a</th></tr>
        <tr>
          <!-- span -->
          <th class="xAxis">Mo</th>
          <th class="xAxis">Di</th>
          <th class="xAxis">Mi</th>
          <th class="xAxis">Do</th>
          <th class="xAxis">Fr</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th class="yAxis">1</th>
          <td>D</td>
          <td>M</td>
          <td>E</td>
          <td>Sp</td>
          <td>Ge</td>
        </tr>
        <tr class="yAxis">
          <th class="yAxis">2</th>
          <td>D</td>
          <td>M</td>
          <td>E</td>
          <td>Sp</td>
          <td>Ge</td>
        </tr>
        <tr>
          <th class="yAxis">3</th>
          <td>D</td>
          <td>M</td>
          <td>E</td>
          <td>Sp</td>
          <td>Ge</td>
        </tr>
    <tr class="pause">
          <th>PAUSE</th>
     <td><span>P</span></td>
         <td><span>P</span></td>
         <td><span>P</span></td>
        <td><span>P</span></td>
         <td><span>P</span></td>
        </tr>
        <tr>
          <th class="yAxis">4</th>
          <td>D</td>
          <td>M</td>
          <td>E</td>
          <td>Sp</td>
          <td>Ge</td>
        </tr>
        <tr>
          <th class="yAxis">5</th>
          <td>D</td>
          <td>M</td>
          <td>E</td>
          <td>Sp</td>
          <td>Ge</td>
        </tr>
        <tr>
          <th class="yAxis">6</th>
          <td>D</td>
          <td>M</td>
          <td>E</td>
          <td>Sp</td>
          <td>Ge</td>
        </tr>
      </tbody>
    </table>




  </body>
</html>

Alles anzeigen

Du kannst noch mit Padding und Margin rumspielen.

@edit: Warum sind Pausen so unwichtig, das sie keine eigene Zeile verdienen?

djheke

Zitat von RoterBaron

djheke: Besten Dank für den Ratschlag, aber wenn man 6 Stunden an einem Code rumbastelt, ....

Googeln dauert doch keine 6 Stunden.
http://www.html-seminar.de/html-tabellen.htm

djheke

Ich habe etwas mehr als zwei Tage gebraucht um HTML zu lernen. Also lass dir Zeit und stelle nicht gleich irendwelche Fragen-

djheke

Es wird wohl keine Reglementierungen geben, aber es gibt einige Web-Gurus, die uns reglementieren wollen. Warum auch immer.
Wir sollten wirklich zum Schluss kommen.

djheke

Wir sollten aufhören, sonst vergraulen wir hier noch die vielen Fragenden.:)

djheke

Ob alles richtig ist, spielt keine Rolle. Trotzdem darf mann eine eigene Meinung zur Semantik haben. Aber egal, jeder soll machen, was er für richtig hält.
So dürfen die Tag's wie, <pre>, <Table>,<span>, u.s.w. für Öffnungzeiten durchaus verwendetet werden und keine wird bestraft.:)

djheke

Warum schockiert?

djheke

Vielleicht wäre ja eine verschachtelte UL-Liste geignet. Nur so eine Idee.

Code

<ul>
<li><h3>Öffnungszeiten</h3></li>
  <li>Montag bis Freitag
    <ul>
      <li>9:00 bis 17:00 Uhr</li>
    </ul>
  </li>
</ul>

djheke

Mit <pre>Öffnungszeiten</pre> wär eine Lösung.

<pre>
[TABLE='width: 300']

[tr][td]

Montag

[/td][td]

9:00 Uhr bis 17:00 Uhr

[/td][/tr][tr][td]

Dienstag

[/td][td]

9:00 Uhr bis 17:00 Uhr

[/td][/tr][tr][td]

Mittwoch

[/td][td]

9:00 Uhr bis 17:00 Uhr

[/td][/tr][tr][td]

Donnerstag

[/td][td]

9:00 Uhr bis 17:00 Uhr

[/td][/tr][tr][td]

Freitag

[/td][td]

9:00 Uhr bis 17:00 Uhr

[/td][/tr]

[/TABLE]
</pre>

djheke

Hier eine Möglichkeit.

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">


<style>


.form_container {
 width:650px;
 height:580px;
 background:url("http://i1192.photobucket.com/albums/aa328/funwave1/Baerli/bar%20wb%20bg.jpg") no-repeat;
 display:inline-block;
 text-align:center;
}
.form_container:before {
 content:"";
 display:inline-block;
 vertical-align:middle;
 height:100%;
}
form {
 display:inline-block;
 vertical-align:middle;
 text-align:center;
}
label , input, textarea {
 padding:2px;
 display:block;
 width:100%;
 border:none;
 background:transparent;
}
label {
 padding:4px;
}
input, textarea {
 background:blue;
 color:yellow;
 text-align:center;
}


input[type='submit'] {
 margin-top:5px;
 color:yellow;
 display:inline-block;
 width:auto;
}


</style>
<title></title>




</head>
<body>
<div class="form_container">
<form method="post" action="../ticker/wunsch_gruss_frame.php?a=&amp;box_tabelle=_">
<input name="action" type="hidden" value="1">
<input name="wunsch_box_sendeplan_an" type="hidden" value="1">
<label for="wunschzettel">Wunschzettel</label><input id="wunschzettel" type="text" name="wunschtitel" value=""> 
<label for="wen">Für wen ?</label><input id="wen" type="text" name="wen" value=""> 
<label for="von">von</label><input id="von" type="text" name="von" value=""> 
<label for="sender">Gruß an</label><textarea id="sender"  name="sender" ></textarea>
<input type="submit"  value="Gruss senden">
</form>
</div> 
</body>
</html>

Alles anzeigen

djheke

Wenn du wirklich vorhast, etwas zu verkaufen, dann besorg dir lieber eine Shopsoftware.

djheke

Probier mal. Die Farben musst du dir wieder anpassen.

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">


<style type="text/css">
* {
 margin:0;
 padding:0;
 list-style:none;
 text-decoration:none;
 box-sizing:border-box;
}


nav {
    float: left;
    width: 100%;
    background: #424242;
    font-size: 16px;
}




nav ul {
    margin: 0;
    padding: 0;
}




nav a {
    display: block;
    color: #fff;
    text-decoration: none;
}




nav ul li{
    position: relative;
    float: left;
    list-style: none;
}




nav ul li:hover {
    background: #DF0101;
}




nav ul li a {
    padding: 20px;
}




nav ul ul {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background: #333;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.6);
}




nav ul ul li {
    float: none;
    width: 200px;
    border-bottom: 1px solid #555;
}




nav ul ul li a {
    padding: 10px 20px;
}




nav ul li:hover > ul {
top:auto;
left:0;
}




</style>
<title></title>




</head>
<body>
<nav>
<ul>
 <li class="topmenu"><a href="index.html">Menu 1</a>
    <ul>
       <li class="submenu"><a href="#">Submenu Produktiv</a></li>
       <li class="submenu"><a href="#">Submenue 2</a></li>                        
    </ul>
 </li>
 <li class="topmenu"><a href="#">Produkte</a>                        
    <ul>
       <li class="submenu"><a href="#">submenue1</a></li>
       <li class="submenu"><a href="#">submenue2</a></li>
    </ul>
 </li>                                
</ul>      
</nav>
</body>
</html>

Alles anzeigen

djheke

Scheint den TE weder hier noch im CHIP-FORUM zu interessiern.

djheke

Zitat von Bolschi

Hi, du..ich habe keine Ahnung von sowas ich möchte nur irgendwie das fertige HTML Markup in mein CMS klatchen. Kannst du mir vielleicht behilflich sein?

Ich wollte nur deine Antwort gerecht werden.:-)

djheke

Tja, wenn du keine Ahnung hast, musst du wohl damit Leben, nicht alles haben zu können. Wenn nicht gibt es hier eine Jobbörse.

djheke

habe mein beitrag gelöscht. hatte mich geirrt.

djheke

Code

div.box {
 width: 100%;
 display:inline-block;
 text-align:center;
 margin-top:10px;  
 padding:10px;                  
 background:#b5f5f5;
}

Wenn's nebeneinander sein soll

Code

div.box {
 width:calc( 50% - 20px);
 float:left;
 text-align:center;
 margin:10px ;  
 padding:10px;  
 box-sizing:border-box;                
 background:#b5f5f5;
}


iframe {
 width:100%;
 height:100px;
}

Alles anzeigen

djheke

Mit deinem gezeigten Code funktioniert's. Übrigens, float:center gibt es nicht.

iframe {
margin-top:100px;
}

djheke

wo ist dein html?

djheke

Gelöscht.

Beiträge von djheke

row einer Tabelle verstecken, aber nicht entsprechendes relative td

Hilfe - Tabelle ... wahrscheinlich sehr einfache Lösung

Hilfe - Tabelle ... wahrscheinlich sehr einfache Lösung

Hilfe - Bekomme Öffnungszeiten nicht untereinander

Hilfe - Bekomme Öffnungszeiten nicht untereinander

Hilfe - Bekomme Öffnungszeiten nicht untereinander

Hilfe - Bekomme Öffnungszeiten nicht untereinander

Hilfe - Bekomme Öffnungszeiten nicht untereinander

Hilfe - Bekomme Öffnungszeiten nicht untereinander

Hilfe - Bekomme Textblock nicht in die Mitte eines Bildes

Checkboxen berechnen lassen

Darstellung CSS Navigation

WordPress Einbindung NuLiga

Bildslider automatisch (Javascript einbinden wo? und wie?)

Bildslider automatisch (Javascript einbinden wo? und wie?)

Internet Explorer wehrt sich gegen meine Seite

Navigationsbereich und z.B iframe oder erstellte Boxen zanken sich

Navigationsbereich und z.B iframe oder erstellte Boxen zanken sich

Navigationsbereich und z.B iframe oder erstellte Boxen zanken sich

Internet Explorer wehrt sich gegen meine Seite