html - css/html problemer. - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html

Bruger #17554 @ 24.04.13 18:10

Hej,

Nogen erfarne personer der kan hjælpe mig videre ?.

--

HTML:

HTML kode

 <div id="event_start">
 
 <div class="event_info">
 Hej
 </div>
 
 <div id="event_box">
 Box
 </div>
 
 </div>

CSS:

CSS kode

 #event_start {
 width: 750px;
 }
 
 .event_info {
 width: 300px;
 height: auto;
 padding: 2px;
 }
 
 #event_box {
 width: 200px;
 height: auto;
 padding: 2px;
 }

Forsøger at få info content, og en box ved siden af, samt en box igen nedenunder den anden box.

men jeg kan jeg ikke få den box til at være efter event_info

Så håber der er en div nørd.

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #15754 @ 24.04.13 18:26

989

Er det noget ala dette du søger?
http://jsfiddle.net/RkLXm/

(Kasserne er farvet så man kan se hvor meget de fylder/hvor de er)

HTML kode

 <div id="event">
     <div class="event-info">
     Hej
     </div>
     
     <div class="event-box">
     Box
     </div>
     
     <div class="event-box large">
     Box
     </div>
 </div>

CSS kode

 #event {
     width: 750px;
     background:red;
  }
  
  .event-info {
     width: 300px;
     height: auto;
     padding: 2px;
     background:green;
     float:left;
  }
  
  .event-box {
     width: 200px;
     height: auto;
     padding: 2px;
     background:blue;
     float:left;
  }
  .event-box.large {
     width: 504px;
     background:purple;
     float:none;
  }

Indlæg senest redigeret d. 24.04.2013 18:32 af Bruger #15754

Bruger #15754 @ 24.04.13 18:38

989

Sådan her
http://jsfiddle.net/RkLXm/1/

CSS kode

 #event {
  width: 750px;
     background:red;
  }
  
  .event-info {
     width: 300px;
     height: auto;
     padding: 2px;
     background:green;
     float:left;
  }
  
  .event-boxes {
     float:left;    
  }
 
  .event-box {
     width: 200px;
     height: auto;
     padding: 2px;
     background:blue;
  }

HTML kode

 <div id="event">
 
     <div class="event-info">
     Hej
     </div>
 
     <div class="event-boxes">
 
         <div class="event-box">
         Box
         </div>
 
         <div class="event-box">
         Box
         </div>
 
         <div class="event-box">
         Box
         </div>
 
     </div>
 </div>

Bruger #17554 @ 24.04.13 18:33

Mål:

CSS kode

 #event {
     width: 750px;
     }
     .event-info {
     width: 500px;
     height: auto;
     padding: 2px;
     background:green;
     float:left;
     }
     .event-box {
     width: 250px;
     height: auto;
     padding: 2px;
     background:blue;
     float:left;
     }
     .event-box.large {
     width: 250px;
     background:purple;
     float:none;
     }

Men nej, boksene skal være i højre side, under hinanden med samme størrelse.
Og info skal være i venstre side, mod boksene. Altså som her på siden, content og venstre reklame side.

bare ikke samme bredde

Men det driller mig.

UPDATE: Billede (paint)

Indlæg senest redigeret d. 24.04.2013 18:37 af Bruger #17554

Bruger #17554 @ 24.04.13 18:42

Se forrige svar.

css/html problemer.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler