Click here to Skip to main content
15,888,239 members
Home / Discussions / Web Development
   

Web Development

 
QuestionHosting WebAPI OnServer Pin
Kevin Marois12-Mar-19 14:09
professionalKevin Marois12-Mar-19 14:09 
AnswerRe: Hosting WebAPI OnServer Pin
Nathan Minier18-Mar-19 1:55
professionalNathan Minier18-Mar-19 1:55 
QuestionWhy my update & insert form return url+token instead of insert/update data (laravel) Pin
Galih indra waspada11-Mar-19 23:29
Galih indra waspada11-Mar-19 23:29 
AnswerRe: Why my update & insert form return url+token instead of insert/update data (laravel) Pin
Richard Deeming12-Mar-19 2:52
mveRichard Deeming12-Mar-19 2:52 
QuestionProblem on Opening Password-Protected ZIP File that created on Heroku Server ( Python App ) Pin
Mostafazs11-Mar-19 18:10
Mostafazs11-Mar-19 18:10 
QuestionModal popup from web page during long processing task Pin
Member 1413757611-Mar-19 15:23
Member 1413757611-Mar-19 15:23 
AnswerRe: Modal popup from web page during long processing task Pin
Richard Deeming12-Mar-19 2:48
mveRichard Deeming12-Mar-19 2:48 
Questiondiv width not working Pin
V.11-Mar-19 2:53
professionalV.11-Mar-19 2:53 
or not as expected.

if you look at this site[^] (dutch website)

I would like to have the tab content (made in JQuery) with a margin of around 25 pixels on either side (left and right) of the page, regardless of the content. (so it moves with the size of the browser).

For now, I did a dirty fix by setting the min-width to a certain amount of pixels, which is not what I want, but otherwise the width would adapt to the content of the tab. For the tab "programma" eg. only half the width of the page would be filled, the rest is the background image.

No matter what I did in the css, nothing worked. (although it looks trivial)

So what do I need to do to
* remove the fixed pixel width
* make the tab content as wide as the page (with a small offset of say 25 pixels left and right.

It COULD be the JQuery css that's messing things up, but I'm not a css/jquery wiz unfortunately.

the short HTML:
HTML
<body>
<div id="divparent"><br />
    <div class="header"> title, social media stuff, ... </div>
        <div class="main">
        <div id="tabs">
            <ul>
                <li><a href="#tab-home">home</a></li>
                <li><a href="#tab-club">club</a></li>
                <li><a href="#tab-programma">programma</a></li>
                <li><a href="#tab-inschrijvingen">inschrijvingen</a></li>
                <li><a href="#tab-gedragscode">gedragscode</a></li>
                <li><a href="#tab-info">informatie</a></li>
                <li><a href="#tab-kalender">kalender</a></li>
                <li><a href="#tab-faq">FAQ</a></li>
                <li><a href="#tab-contact">contact</a></li>
            </ul>
            <div class="tabcontent"><!-- tab content div here --></div>
</div>
</div>
<div class="footer">footer contents</div>
</div>
</body>

the css:
CSS
div.header { display: inline-block; }
div.main { margin: 0px 0px 0px 0px; }
div.tabcontent { margin: 0px 0px 0px 0px;min-width:1200px; } /* this width should become more dynamic */
div.footer { text-align:center;font-size:small;border-top:1px solid #F0F0F0;background-color:#1E1E1E;}
div#divparent { margin: 25px 25px 25px 25px; }
div#tabs {  }

many thanks for your help !
V.


modified 11-Mar-19 9:10am.

AnswerRe: div width not working Pin
Richard Deeming11-Mar-19 8:53
mveRichard Deeming11-Mar-19 8:53 
GeneralRe: div width not working Pin
V.11-Mar-19 21:27
professionalV.11-Mar-19 21:27 
QuestionIs there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Patrick Skelton7-Mar-19 1:02
Patrick Skelton7-Mar-19 1:02 
AnswerRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Richard Deeming7-Mar-19 1:05
mveRichard Deeming7-Mar-19 1:05 
GeneralRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Patrick Skelton11-Mar-19 1:17
Patrick Skelton11-Mar-19 1:17 
GeneralRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
MadMyche11-Mar-19 17:22
professionalMadMyche11-Mar-19 17:22 
GeneralRe: Is there an easy way into Razor, without necessarily adopting all of MVC to begin with? Pin
Patrick Skelton12-Mar-19 2:25
Patrick Skelton12-Mar-19 2:25 
QuestionOpenID, ADSF, custom LoginID Pin Pin
Super Lloyd4-Mar-19 5:09
Super Lloyd4-Mar-19 5:09 
QuestionMenu's in HTML Pin
BobInNJ2-Mar-19 19:32
BobInNJ2-Mar-19 19:32 
AnswerRe: Menu's in HTML Pin
David Mujica4-Mar-19 10:48
David Mujica4-Mar-19 10:48 
AnswerRe: Menu's in HTML Pin
V.11-Mar-19 3:09
professionalV.11-Mar-19 3:09 
AnswerRe: Menu's in HTML Pin
Bohdan Stupak15-Mar-19 5:45
professionalBohdan Stupak15-Mar-19 5:45 
QuestionVS2017 IIS Question Pin
Kevin Marois1-Mar-19 8:29
professionalKevin Marois1-Mar-19 8:29 
QuestionImageButton inside Datalist Pin
byka1-Mar-19 7:28
byka1-Mar-19 7:28 
QuestionAsp.Net Web API Call Incorrect [MODIFIED - FIXED] Pin
Kevin Marois1-Mar-19 5:57
professionalKevin Marois1-Mar-19 5:57 
QuestionSample Web application with login Form, On Login capture the IP address , Host Name etc of the User Pin
Member 1416781128-Feb-19 23:59
Member 1416781128-Feb-19 23:59 
AnswerRe: Sample Web application with login Form, On Login capture the IP address , Host Name etc of the User Pin
Peter_in_27801-Mar-19 1:54
professionalPeter_in_27801-Mar-19 1:54 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.