Click here to Skip to main content
15,899,126 members
Home / Discussions / Web Development
   

Web Development

 
AnswerRe: Is there a basic HTML scripts bundle for VS code and none serve application? Pin
Richard MacCutchan28-Mar-19 5:02
mveRichard MacCutchan28-Mar-19 5:02 
QuestionExperimenting Pin
Member 1419652225-Mar-19 20:42
Member 1419652225-Mar-19 20:42 
AnswerRe: Experimenting Pin
maze327-Mar-19 5:14
professionalmaze327-Mar-19 5:14 
QuestionCopy and Paste to aspx GridView Pin
Wayne Hollier20-Mar-19 1:30
Wayne Hollier20-Mar-19 1:30 
AnswerRe: Copy and Paste to aspx GridView Pin
Richard Deeming20-Mar-19 13:02
mveRichard Deeming20-Mar-19 13:02 
GeneralRe: Copy and Paste to aspx GridView Pin
Wayne Hollier22-Mar-19 1:12
Wayne Hollier22-Mar-19 1:12 
QuestionNo action was found on the controller Pin
Kevin Marois18-Mar-19 15:16
professionalKevin Marois18-Mar-19 15:16 
AnswerRe: No action was found on the controller Pin
Richard Deeming19-Mar-19 2:16
mveRichard Deeming19-Mar-19 2:16 
QuestionTemplate engine (Ejs) Pin
Member 1418486016-Mar-19 20:43
Member 1418486016-Mar-19 20:43 
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 

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.